html {
    height: 100%;
    overflow-y: scroll;
}
body {
    min-width: 1000px;
    min-height: 100%;
    margin: 0;
    color: #444;
    font: 15px/1.45 Arial, Helvetica, sans-serif;
    background: #dbeafa;
}
a {
    text-decoration: none;
    color: #0055b2;
}
a:hover {
    text-decoration: underline;
}
img {
    border-style: none;
}
form,
fieldset {
    margin: 0;
    padding: 0;
    border-style: none;
}
input,
textarea,
select {
    font: bold 12px Arial, Helvetica, sans-serif;
    vertical-align: middle;
    color: #333;
}
.wrapper {
    width: 100%;
}
.box:after,
.box-section:after,
.wrapper:after,
#header:after,
.header-holder:after,
.nav-holder:after,
#sub-nav:after,
.heading-area:after,
.paging-holder:after,
.search-area:after {
    display: block;
    clear: both;
    content: "";
}
#wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
    background: #dbeafa url(/images/bg-page.png) repeat-x;
}
.w1 {
    width: 980px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    box-shadow: 0 0 6px #000;
    behavior: url(js/PIE.htc);
}
#header {
    width: 100%;
    z-index: 100;
    position: relative;
    background: url(/images/bg-header.png);
}
.header-holder {
    width: 958px;
    padding: 12px 15px 0 7px;
    background: url(/images/bg-header-holder.png) repeat-x;
    border-bottom: 4px solid #f7bf00;
}
.logo {
    float: left;
    margin: -10px 18px -4px 0;
    width: 237px;
    height: 84px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(/images/logo.png) no-repeat;
}
.logo a {
    height: 100%;
    display: block;
}
#nav {
    float: left;
    margin: 0;
    padding: 2px 0 0;
    list-style: none;
}
#nav li {
    float: left;
}
#nav a {
    float: left;
    display: table;
    width: 150px;
    height: 60px;
    margin: 8px 0 0;
    color: #fff;
    cursor: pointer;
    text-align: center;
    font-size: 20px;
    line-height: 22px;
    background: url(/images/btns.png) no-repeat;
}
#nav strong {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}
#nav span {
    display: block;
    margin: 8px 0 -4px;
}
#nav .active span {
    margin: 4px 0 -4px;
}
#nav a:hover {
    text-decoration: none;
    background-position: -160px 0;
}
#nav .active a {
    margin: 0;
    height: 68px;
    color: #003b7d;
    background-position: -320px 0;
}
.header-frame {
    float: right;
    width: 223px;
    margin: 0 0 0 10px;
}
.social-area {
    margin: 0 0 6px;
    text-align: right;
    overflow: hidden;
}
.social-area .title {
    display: inline-block;
    vertical-align: top;
    margin: 3px 0 0;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
}
.social {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
}
* + html .social {
    display: inline;
}
.social li {
    float: left;
    margin: 0 0 0 5px;
}
.social a {
    display: block;
}
.social .facebook,
.social .twitter {
    width: 22px;
    height: 24px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/btns.png) no-repeat -667px 0;
}
.social .twitter {
    background-position: -699px 0;
}
.social .facebook:hover {
    background-position: -667px -34px;
}
.social .twitter:hover {
    background-position: -699px -34px;
}
.search {
    width: 208px;
    height: 28px;
    padding: 1px 0 0 15px;
    background: url(/images/bg-form.png) no-repeat;
    position: relative !important; /* Ensure the search form always has a positioning context */
}
.search:hover {
    margin: 0 0 -10px;
    padding: 1px 0 10px 15px;
    position: relative;
}
.search:hover .drop-results {
    left: auto;
    right: -8px;
    top: 35px;
}
.search .inp-txt {
    float: left;
    width: 168px;
    margin: 0;
    padding: 8px 0 5px;
    background: none;
    border: 0;
}

/* Add custom focus styles for search input */
.search .inp-txt:focus {
    outline: none; /* Remove default browser outline */
}

.search .submit {
    float: left;
    width: 40px;
    height: 28px;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/btns.png) no-repeat -614px -55px;
    border: 0;
}
/* Control dropdown visibility based on focus and character count */
.search .inp-txt:not(.has-min-chars).focus + .submit + div {
    display: none !important;
}
.search .inp-txt.has-min-chars.focus + .submit + div,
.search div[x-show]:hover {
    display: block !important;
}
.nav-holder {
    width: 960px;
    padding: 0 5px 0 15px;
    background: #00439c;
    -webkit-box-shadow: inset 0 3px 1px 0 #002e6a;
    -moz-box-shadow: inset 0 3px 1px 0 #002e6a;
    box-shadow: inset 0 3px 1px 0 #002e6a;
    behavior: url(js/PIE.htc);
}
#sub-nav {
    width: 100%;
    margin: 0;
    padding: 11px 0 9px;
    list-style: none;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
}
#sub-nav > li {
    float: left;
    padding: 0 8px 0 10px;
    background: url(/images/separator-01.gif) no-repeat 0 2px;
}
#sub-nav > li:first-child {
    background: none;
}
#sub-nav > li > a {
    float: left;
    color: #fff;
}
#sub-nav .has-drop-down-link {
    margin: 0 0 -9px;
    padding: 0 14px 9px 0;
    background: url(/images/bullet-01.png) no-repeat 100% 8px;
}
#sub-nav > li:hover > a,
#sub-nav > li > a:hover,
#sub-nav > li.active > a {
    color: #f7bf00;
    text-decoration: none;
}
#sub-nav > li:hover {
    position: relative;
}
#sub-nav > li:hover .drop {
    top: 27px;
}
#sub-nav .drop {
    position: absolute;
    left: -15px;
    top: -9999px;
    z-index: 999;
    width: 999px;
    font-size: 13px;
    line-height: 16px;
    overflow: hidden;
    padding: 0 8px 8px;
}
#sub-nav .right-side .drop {
    left: auto;
    right: -14px;
}
#sub-nav .drop-holder {
    padding: 2px 8px 8px;
    float: left;
    background: #00439c;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: 0 2px 4px #000;
    -moz-box-shadow: 0 2px 4px #000;
    box-shadow: 0 2px 4px #000;
    behavior: url(js/PIE.htc);
}
#sub-nav .drop .drop-frame {
    float: left;
    padding: 12px 14px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #fff url(/images/bg-drop-frame.gif) repeat-x 0 100%;
    behavior: url(js/PIE.htc);
}
#sub-nav .drop .title {
    display: block;
    margin: 0 0 5px;
    font-size: 25px;
    line-height: 28px;
}
#sub-nav .drop .columns-holder {
    margin: 0 -14px 10px 0;
    overflow: hidden;
}
#sub-nav .drop .column {
    float: left;
    width: 155px;
    margin: 0 10px 0 0;
}
#sub-nav .drop ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    border-bottom: 1px solid #ececec;
}
#sub-nav .drop li {
    padding: 7px 0 6px 1px;
    border-top: 1px solid #ececec;
}
#sub-nav .drop a {
    width: auto !important;
    color: #0055b2;
}
#sub-nav .drop .mark {
    display: block;
    margin: 0 0 4px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}
#main {
    width: 948px;
    padding: 16px 16px 4px;
    overflow: hidden;
    background: #fff;
}
.banner-area {
    width: 100%;
    padding: 9px 0 11px;
    overflow: hidden;
    background: #f5f5f5 url(/images/bg-banner-area.gif) repeat-x 0 100%;
}
.banner-area .banner {
    display: block;
    width: 728px;
    margin: 0 auto;
    padding: 6px 6px 0;
    background: #fff;
    border: 1px solid #e2e2e2;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    behavior: url(js/PIE.htc);
}
.banner-area img {
    vertical-align: top;
}
.heading-area {
    top: -16px;
    margin: 0 -16px -7px;
    padding: 20px 26px 11px;
    position: relative;
    z-index: 10;
    background: #f4f4f4 url(/images/bg-section.gif) repeat-x 0 100%;
    width: 928px;
}
.breadcrumbs {
    width: 100%;
    margin: 0 0 -2px;
    padding: 0;
    color: #333;
    font-size: 11px;
    line-height: 14px;
    font-weight: 700;
    list-style: none;
    overflow: hidden;
}
.breadcrumbs li {
    float: left;
    padding: 0 6px 0 10px;
    background: url(/images/bullet-02.gif) no-repeat 0 50%;
}
.breadcrumbs li:first-child {
    padding: 0 6px 0 0;
    background: none;
}
.breadcrumbs a {
    color: #585858;
}
.heading-area h1 {
    color: #0055b2;
    margin: 0 0 10px;
    font-size: 48px;
    line-height: 53px;
}
.heading-area .plugin {
    float: right;
    margin: 20px 0 0 20px;
}
.heading-area .meta .plugin {
    float: left;
    margin: 0 12px 0 0;
}
.heading-area .plugin img {
    vertical-align: top;
}
.heading-area .game-title {
    padding: 11px 0 9px;
    overflow: hidden;
}
.heading-area .illustration.small {
    margin: 4px 9px 0 0;
}
.heading-area .game-title h1 {
    margin: 0;
    font-size: 36px;
    line-height: 44px;
}
.heading-area .game-title .txt-holder h1 {
    margin: 0;
    color: #333;
    font-size: 24px;
    line-height: 31px;
}
.heading-area .game-title .txt-holder {
    padding: 5px 0 9px;
    overflow: hidden;
}
.heading-area .meta {
    color: #444;
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    overflow: hidden;
}
.heading-area .meta dl {
    float: left;
    margin: 3px 5px 0 0;
}
.heading-area .meta dt,
.heading-area .meta dd {
    float: left;
    margin: 0 3px 0 0;
    padding: 1px 0;
}
.heading-area .meta .ico-player {
    padding: 1px 0 1px 22px;
    background: url(/images/icons.png) no-repeat 1px -132px;
}
.heading-area .tools {
    float: left;
    margin: 0 11px 0 0;
    padding: 0;
    list-style: none;
    border-right: 1px solid #cecece;
}
.heading-area .tools li {
    float: left;
    padding: 3px 9px 3px 4px;
    border-left: 1px solid #cecece;
}
.heading-area .tools .ico-download {
    padding: 1px 0 1px 18px;
    background: url(/images/icons.png) no-repeat -66px -66px;
    display: inline-block;
    vertical-align: top;
}
.heading-area .tools .ico-buy {
    padding: 1px 0 1px 22px;
    color: #019300;
    background: url(/images/icons.png) no-repeat -130px 0;
    display: inline-block;
    vertical-align: top;
}
.heading-area .rate-box {
    float: right;
    background: url(/images/bg-rate-box.png) no-repeat;
    width: 237px;
    height: 64px;
    padding: 19px 24px 21px;
    margin: -18px -3px 0 0;
}
.heading-area .rate-box .left {
    float: left;
    width: 145px;
}
.rate-box .face {
    float: left;
    text-indent: -9999px;
    overflow: hidden;
    width: 56px;
    height: 60px;
    background: url(/images/ico-face.png) no-repeat;
    margin: 2px 7px 0 0;
}
.rate-box .left.cool .face {
    background-position: -56px 0;
}
.rate-box .left.blah .face {
    background-position: -116px 0;
}
.rate-box .left.ok .face {
    background-position: -172px 0;
}
.rate-box .text-bethefirst {
    text-indent: -9999px;
    overflow: hidden;
    float: left;
    background: url(/images/text-bethefirst.png) no-repeat;
    width: 81px;
    height: 59px;
    margin: 3px 0 0 -6px;
}
.rate-box .left.cool .text-bethefirst,
.rate-box .left.blah .text-bethefirst {
    display: none;
}
.rate-box .left.ok .text-bethefirst {
    display: none;
}
.rate-box .left.cool .text,
.rate-box .left.blah .text {
    display: block;
}
.rate-box .left.ok .text {
    display: block;
}
.rate-box .left .text {
    float: left;
    display: none;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 13px;
    color: #7c7c7c;
    width: 80px;
    font-weight: 700;
}
.rate-box .left .title {
    display: block;
    font-weight: 700;
    font-size: 14px;
    line-height: 15px;
    color: #444;
    margin: 0 0 -1px;
}
.rate-box .left .number {
    display: block;
    font-size: 32px;
    line-height: 32px;
    font-weight: 700;
    margin: 0 0 2px;
    color: #5c87cd;
}
.rate-box .left.cool .number {
    color: #d86f3b;
}
.rate-box .left.ok .number {
    color: #82b440;
}
.rate-box .left .text img {
    display: block;
    margin: 0 0 1px;
}
.rate-box .right {
    float: right;
    width: 82px;
    text-align: center;
    font-size: 11px;
    line-height: 13px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 -4px 0 0;
}
.rate-box .right .title {
    color: #444;
    display: block;
}
.rate-box .right .title em {
    font-style: normal;
    display: none;
}
.rate-box .right .title.active em {
    display: inline;
}
.rate-box .right .title.active span {
    display: none;
}
.rate-box .list {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
}
.rate-box .list li {
    float: left;
    margin: 0 0 0 1px;
    width: 40px;
}
.rate-box .list li:first-child {
    margin-left: 0;
}
.rate-box .list span.inactive,
.rate-box .list a {
    display: block;
    color: #7c7c7c;
}
.rate-box .list span.inactive span,
.rate-box .list a span {
    display: block;
    width: 40px;
    height: 41px;
    background: url(/images/ico-coolblah.png) no-repeat;
}
.rate-box .list a span {
    cursor: pointer;
}
.rate-box .list .blah a span {
    background-position: -40px 0;
}
.rate-box .list .active.cool span.inactive,
.rate-box .list a:hover {
    text-decoration: none;
    color: #d86f3b;
}
.rate-box .list .active.blah span.inactive,
.rate-box .list .blah a:hover {
    color: #5c87cd;
}
.rate-box .list .cool:hover a span {
    background-position: 0 -41px;
}
.rate-box .list .active.cool span.inactive span {
    background-position: 0 -82px;
}
.rate-box .list .blah:hover a span {
    background-position: -40px -41px;
}
.rate-box .list .active.blah span.inactive span {
    background-position: -40px -82px;
}
.rate-box .list span.inactive span {
    background-position: 0 -123px;
}
.rate-box .list .blah span.inactive span {
    background-position: -40px -123px;
}
.rate-box .list span.inactive {
    display: none;
}
.rate-box .list .inactive span.inactive,
.rate-box .list .active span.inactive {
    display: block;
}
.rate-box .list .inactive a,
.rate-box .list .active a {
    display: none;
}
.main-holder {
    padding: 12px 11px 10px;
    overflow: hidden;
}
.main-holder #content {
    width: 608px;
}
.main-holder .aside {
    width: 170px;
}
.main-holder .illustration-holder {
    margin: 2px 0 -2px;
    background: url(/images/bg-illustration-holder-big.png) no-repeat 50% 100%;
}
.main-holder .content-section {
    float: right;
    width: 411px;
}
.main-holder .content-section p {
    margin: 0 0 15px;
}
.main-holder #sidebar {
    width: 292px;
}
.thumbs-area {
    float: left;
    margin: 0 0 -2px;
    font-size: 13px;
    text-align: center;
}
.thumbs {
    margin: 0 0 4px;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.thumbs li {
    float: left;
    width: 132px;
    margin: 0 8px 0 0;
}
.thumbs a {
    cursor: pointer;
}
.thumbs .illustration {
    width: 120px;
    height: 90px;
    padding: 5px;
}
.thumbs .illustration:hover,
.thumbs .active .illustration {
    background: #dce9fa;
    border-color: #0055b2;
}
.callout-holder {
    margin: 0 0 4px;
    padding: 0 0 9px;
    overflow: hidden;
    background: url(/images/bg-callout.png) no-repeat 50% 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    behavior: url(js/PIE.htc);
}
.callout {
    display: block;
    padding: 13px 20px;
    color: #0055b2;
    font-size: 12px;
    line-height: 15px;
    overflow: hidden;
    position: relative;
    background: #f5f9fc;
    border: 1px solid #d4e8f6;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    behavior: url(js/PIE.htc);
}
.callout:hover {
    color: #b10016;
    text-decoration: none;
    background: #fdf8e5;
    border-color: #fcda5c;
}
.callout .title {
    display: block;
    font-size: 17px;
    line-height: 20px;
}
.callout .text {
    display: block;
}
.btns {
    margin: 0 0 -7px;
    padding: 0;
    list-style: none;
    font-size: 11px;
    overflow: hidden;
}
.btns li {
    width: 100%;
    padding: 1px 0 14px;
    text-align: center;
    vertical-align: top;
    overflow: hidden;
}
.btn-blue,
.btn-green {
    display: block;
    height: 46px;
    margin: 0 0 4px;
    padding: 0 0 0 25px;
    color: #fff;
    font-size: 25px;
    line-height: 28px;
    cursor: pointer;
    background: url(/images/btns.png) no-repeat 0 -68px;
}
.btn-blue.small,
.btn-green.small {
    height: 26px;
    padding: 0 0 0 12px;
    font-size: 13px;
    line-height: 16px;
    background-position: 0 -516px;
}
.btn-green.small {
    background-position: 0 -872px;
}
.btn-blue:hover,
.btn-green:hover {
    text-decoration: none;
    background-position: 0 -180px;
}
.btn-blue.small:hover {
    background-position: 0 -800px;
}
.btn-green.small:hover {
    background-position: 0 -944px;
}
.btn-green {
    background-position: 0 -292px;
}
.btn-green:hover {
    background-position: 0 -404px;
}
.btn-blue strong,
.btn-green strong {
    display: block;
    height: 39px;
    padding: 7px 25px 0 0;
    background: url(/images/btns.png) no-repeat right -124px;
    margin-left: -1px;
}
.btn-blue.small strong,
.btn-green.small strong {
    height: 21px;
    padding: 5px 12px 0 0;
    background-position: 100% -552px;
}
.btn-blue:hover strong {
    background-position: 100% -236px;
}
.btn-blue.small:hover strong {
    background-position: 100% -836px;
}
.btn-green strong {
    background-position: 100% -348px;
}
.btn-green:hover strong {
    background-position: 100% -460px;
}
.btn-green.small strong {
    background-position: 100% -908px;
}
.btn-green.small:hover strong {
    background-position: 100% -980px;
}
.pay-area {
    font-size: 13px;
    line-height: 16px;
    margin: 0 -3px 0 0;
    padding: 0 0 40px 6px;
    overflow: hidden;
    background: url(/images/bg-pay-area.png) no-repeat 100% 100%;
}
.pay-area p {
    margin: 0;
}
.pay-area .mark {
    display: block;
    margin: -2px 0;
    color: #535353;
    font-size: 16px;
    line-height: 19px;
}
.pay-area .cost {
    display: block;
    color: #50a709;
    font-size: 24px;
    line-height: 27px;
}
#main .section {
    margin: 0 -16px 3px;
    text-align: center;
}
#main .section h2 {
    margin: 0 0 14px;
    font-size: 25px;
    line-height: 30px;
}
#main .section .featured-list li {
    padding: 0 12px 12px 14px;
}
* + html #main .section .featured-list li {
    padding: 0 15px 12px;
}
.main-area {
    padding: 12px 11px 50px;
    overflow: hidden;
}
.content-col {
    float: left;
    width: 726px;
    margin: 0 26px 0 0;
}
.main-area #content {
    width: 584px;
}
.content-area {
    padding: 16px 0 0;
    overflow: hidden;
    border-top: 3px solid #7faefc;
}
.content-block {
    width: 100%;
    overflow: hidden;
}
.info {
    width: 100%;
    padding: 12px 0 0;
    overflow: hidden;
}
.info h2 {
    margin: 0 0 2px;
    font-size: 15px;
    line-height: 18px;
}
.info dl {
    width: 100%;
    margin: 0 0 7px;
    overflow: hidden;
}
.info dt {
    float: left;
    padding: 0 4px 0 10px;
    color: #000;
    background: url(/images/bullet-03.gif) no-repeat 0 50%;
}
.info dd {
    overflow: hidden;
}
.promo {
    margin: 0 0 17px;
    color: #000;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #fee588;
    border: 4px solid #fee588;
    behavior: url(js/PIE.htc);
}
.promo .holder {
    padding: 16px;
    overflow: hidden;
    position: relative;
    background: #fdf8e5;
    border: 1px solid #fcda5c;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.promo .illustration {
    margin: 0 12px 0 0;
    border-color: #fce281;
}
.promo .frame {
    padding: 13px 0 0;
    overflow: hidden;
}
.promo h2 {
    margin: 0 0 -2px;
    color: #dd6800;
    font-size: 20px;
    line-height: 24px;
}
.promo p {
    margin: 0 0 7px;
}
.promo .links {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.promo .links li {
    float: left;
    margin: 0 5px 0 0;
}
.content-block p {
    margin: 0 0 10px;
}
.content-block .column {
    float: right;
    width: 161px;
    margin: 0 0 0 15px;
}
.tags-list {
    margin: 0;
    padding: 4px 0 0;
    overflow: hidden;
}
.tags-list dt {
    color: #030303;
    font-size: 11px;
    line-height: 13px;
    padding: 0 0 0 3px;
}
.tags-list dd {
    margin: 0 0 -2px;
}
.tags-list .btn-grey:hover {
    color: #010101;
}
#content {
    float: left;
    width: 622px;
}
.list-columns {
    width: 612px;
    padding: 9px 0 50px 10px;
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
}
.list-columns ul {
    float: left;
    width: 186px;
    margin: 0 18px 0 0;
    padding: 0;
    list-style: none;
}
.list-columns li {
    margin: 0 0 17px;
}
.paging-holder {
    width: 100%;
    padding: 6px 0 0;
    border-top: 1px solid #e2e2e2;
}
.paging-area {
    margin: 0 -2px 25px;
    color: #333;
    font-size: 13px;
    line-height: 32px;
    overflow: hidden;
}
.paging-area ul {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}
.paging-area li {
    float: left;
}
.paging-area ul a,
.paging-area ul span,
.paging-area .prev,
.paging-area .next,
.paging-area .view-all {
    float: left;
    width: 36px;
    height: 36px;
    margin: 0 2px 0 0;
    color: #333;
    line-height: 36px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    background: url(/images/btns.png) no-repeat -788px 0;
}
.paging-area ul span {
    cursor: auto;
    background-position: -788px -46px;
}
.paging-area ul a:hover {
    background-position: -926px 0;
}
.paging-area a:hover {
    text-decoration: none;
}
.paging-area .prev,
.paging-area .next {
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/btns.png) no-repeat -834px 0;
}
.paging-area .next {
    background-position: -834px -46px;
}
.paging-area .prev:hover {
    background-position: -880px 0;
}
.paging-area .next:hover {
    background-position: -880px -46px;
}
.paging-area .view-all {
    float: right;
    width: 74px;
    margin: 0;
    background-position: -480px 0;
}
.paging-area .view-all:hover {
    background-position: -480px -46px;
}
.content-holder {
    padding: 0 17px 0 11px;
    overflow: hidden;
}
.content-holder .content {
    width: 393px;
}
.content {
    float: right;
    width: 438px;
}
.game-area {
    margin: 4px 0 0;
    padding: 5px 0 0;
    overflow: hidden;
    border-top: 3px solid #7faefc;
}
.game-area h2 {
    margin: 0 0 6px;
    color: #333;
    font-size: 18px;
    line-height: 21px;
}
.more-items {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.more-items > li {
    width: 100%;
    padding: 12px 0 6px;
    vertical-align: top;
    overflow: hidden;
    border-top: 1px solid #e2e2e2;
}
.game-area .game-list {
    margin: 0 -24px 0 0;
}
.game-area .game-list > li {
    width: 188px;
    margin: 0 13px 6px 0;
}
* + html .game-area .game-list > li {
    display: inline;
    margin: 0 17px 6px 0;
}
.aside {
    float: left;
    width: 174px;
}
.box .top-holder {
    padding: 0 7px;
    overflow: hidden;
}
.box .top-holder .txt-holder {
    text-align: left;
}
.top-list {
    margin: 0 -10px 0 0;
    padding: 4px 0 0;
    list-style: none;
    overflow: hidden;
}
.top-list li {
    vertical-align: top;
    display: inline-block;
    width: 137px;
    margin: 0 4px 4px 0;
}
* + html .top-list li {
    display: inline;
    margin: 0 8px 4px 0;
}
.featured-block.top-block .game-box .txt-holder {
    padding: 10px 25px 0 0;
}
.featured-block.top-block .game-box .title {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
}
.top-holder .game-box .sub-title {
    margin: 0 0 5px;
    font-size: 11px;
    line-height: 13px;
}
.box .top-area {
    width: 100%;
    overflow: hidden;
}
.box .top-area h2 {
    color: #333;
    text-align: center;
}
.box .top-area .link-row {
    margin: 0;
    padding: 1px 0 0;
    text-align: center;
}
.featured-block {
    margin: 0 0 4px;
    text-align: center;
    overflow: hidden;
    position: relative;
    background: #fff url(/images/bg-featured-block.gif) repeat-x 0 100%;
    border: 1px solid #e2e2e2;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    behavior: url(js/PIE.htc);
}
.featured-block .game-box a {
    padding: 11px 5px 10px;
}
.featured-block.top-block {
    padding: 5px;
}
.featured-block.top-block .game-box a {
    margin: 0;
    padding: 4px;
}
.featured-block .illustration.small {
    float: none;
    display: block;
    margin: 0 auto 3px;
}
.featured-block .game-box .title {
    font-size: 11px;
    line-height: 14px;
    font-weight: 400;
}
.top-list .featured-block .game-box a {
    min-height: 82px;
}
.top {
    position: absolute;
    top: 0;
    left: 7px;
    width: 22px;
    height: 36px;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: url(/images/btns.png) no-repeat -561px 0;
}
.top.mark {
    background-position: -561px -46px;
}
.top.right {
    left: auto;
    right: 7px;
}
.aside .box .banner {
    padding: 2px;
}
#sidebar {
    float: right;
    width: 316px;
}
#sidebar .box {
    padding-bottom: 0;
}
#sidebar .box .banner {
    padding-bottom: 1px;
    min-height: 256px;
}
#sidebar .box .banner img {
    padding-bottom: 6px;
}
.gallery-area {
    padding: 3px;
    overflow: hidden;
    position: relative;
    background: #fff;
    border: 1px solid #a6c8fd;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    behavior: url(js/PIE.htc);
}
.gallery-area .gallery {
    width: 606px;
    height: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}
.gallery-area .gallery li {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 606px;
    height: 250px;
}
.gallery-area .gallery li.active {
    display: block;
    z-index: 2;
}
.gallery-area .description {
    position: absolute;
    bottom: 13px;
    left: 16px;
    width: 460px;
    padding: 5px;
    color: #4e4e4e;
    font-size: 12px;
    background: url(/images/bg-description.png);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 4px #000;
    -moz-box-shadow: 0 0 4px #000;
    box-shadow: 0 0 4px #000;
    behavior: url(js/PIE.htc);
}
.gallery-area .description-holder {
    padding: 8px 10px 7px;
    overflow: hidden;
    position: relative;
    background: #fff;
    border: 1px solid #d7d7d7;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.gallery-area .description-title {
    display: block;
    margin: 0 0 -3px;
    color: #0055b2;
    font-size: 18px;
    line-height: 22px;
}
.gallery-area .description p {
    margin: 0;
}
.gallery-area .thumbs-list {
    position: absolute;
    top: 3px;
    bottom: 3px;
    right: 19px;
    z-index: 3;
    width: 68px;
    margin: 0;
    padding: 10px 9px 0;
    list-style: none;
    background: #003070;
    border: 1px solid #000;
    border-width: 0 1px;
}
.gallery-area .thumbs-list li {
    width: 60px;
    height: 45px;
    margin: 0 0 6px;
    padding: 3px;
    overflow: hidden;
    background: #00193a;
    border: 1px solid #00429a;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    behavior: url(js/PIE.htc);
}
.gallery-area .thumbs-list li:hover,
.gallery-area .thumbs-list li.active {
    background: #f7bf00;
    border-color: #000;
}
.main-area .box {
    margin: 0 0 30px;
}
.main-area #sidebar .box {
    margin: 0 0 26px;
}
.main-area #sidebar .box .holder {
    padding: 12px 12px 7px;
}
.main-area #sidebar .box .holder h2 {
    margin: 0 0 5px;
    font-size: 18px;
    line-height: 22px;
}
.main-area #sidebar .game-box .txt-holder {
    padding: 1px 0 0;
}
.main-area #sidebar .game-box .title {
    font-size: 13px;
}
.main-area #sidebar .more-items > li {
    padding: 12px 0;
}
.box {
    margin: 0 0 10px;
    padding: 4px;
    height: 1%;
    position: relative;
    background: #f8f8f8;
    border: 1px solid #e2e2e2;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    behavior: url(js/PIE.htc);
}
.box.blue {
    padding: 0;
    background: #c9ddfe;
    border: 4px solid #c9ddfe;
}
.box.yellow {
    padding: 0;
    background: #fee588;
    border: 4px solid #fee588;
}
.box.white {
    background: #fff;
}
.box.grey {
    padding: 0;
    background: #f1f1f1;
    border: 4px solid #f1f1f1;
}
.box .game-holder {
    padding: 5px;
    overflow: hidden;
    text-align: center;
}
.box img {
    vertical-align: top;
}
.box .holder {
    padding: 7px 12px 11px;
    overflow: hidden;
    position: relative;
    behavior: url(js/PIE.htc);
}
#main .box.indent .holder {
    padding: 11px 15px 9px;
}
.box.blue .holder {
    padding: 9px 12px 7px;
    background: #fff;
    border: 1px solid #a6c8fd;
    border-width: 0 1px 1px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}
.box.yellow .holder {
    padding: 10px 12px;
    position: relative;
    background: #fdf8e5;
    border: 1px solid #fcda5c;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.box.grey .holder {
    padding: 9px 5px 7px;
    background: #f8f8f8;
    border: 1px solid #e2e2e2;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.box .frame {
    margin: 0 -5px;
    padding: 0 21px;
    min-height: 500px;
    overflow: hidden;
}
.box .heading {
    padding: 11px 15px;
    margin: 0 -4px -4px;
    overflow: hidden;
    top: -4px;
    position: relative;
    background: silver url(/images/bg-heading.gif) repeat-x;
}
#main .box.indent .heading {
    padding: 11px 20px;
}
.box .frame .heading {
    margin: 0 -20px -4px;
    padding: 17px 15px 11px;
    text-align: center;
    background: none !important;
    border-bottom: 1px solid #e2e2e2;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}
.box .frame .heading h2 {
    font-size: 18px;
    line-height: 20px;
}
.box .heading .more {
    float: right;
    margin: 6px 0 0 10px;
    font-size: 15px;
    line-height: 18px;
    font-weight: 700;
}
.box.blue .heading {
    top: 0;
    margin: 0;
    padding: 9px 12px;
    background: #015abd url(/images/bg-heading-blue.png) repeat-x;
    border: 1px solid #015abd;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}
.box .heading h2 {
    margin: 0;
    color: #333;
    font-size: 25px;
    line-height: 28px;
}
.box.blue .heading h2 {
    color: #fff;
}
.box.blue .heading .more {
    color: #fff;
}
.box .box-section,
.section {
    padding: 12px 17px 8px;
    margin: 0 -4px;
    height: 1%;
    background: url(/images/bg-section.gif) repeat-x;
}
* + html .content .box .box-section {
    width: 402px;
}
.box .section-title {
    width: 100%;
    margin: 0 0 12px;
    padding: 0 0 5px;
    overflow: hidden;
    border-bottom: 1px solid #e2e2e2;
}
.box .section-title h3 {
    margin: 0;
    color: #0055b2;
    font-size: 18px;
    line-height: 22px;
}
.box .section-title h3 a:hover {
    color: #b10016;
    text-decoration: none;
}
.box .box-section .link-row {
    margin: -4px 0 0;
}
.more-list {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    overflow: hidden;
}
.more-list > li {
    width: 100%;
    vertical-align: top;
    padding: 10px 0;
    overflow: hidden;
    border-top: 1px solid #e2e2e2;
}
.more-list > li:first-child {
    padding: 12px 0 10px;
    border: 0;
}
.more-list .illustration.small {
    float: none;
    display: block;
    margin: 0 auto 3px;
}
.more-list .game-box .title {
    font-size: 13px;
    line-height: 15px;
}
.popular-items {
    margin: 0 8px;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.popular-items > li {
    width: 100%;
    padding: 15px 0 12px;
    vertical-align: top;
    overflow: hidden;
    border-top: 1px solid #e2e2e2;
}
.popular-items > li:first-child {
    padding: 9px 0 12px;
    border: 0;
}
.popular-items .game-list {
    margin: 0 -22px -8px 0;
}
.popular-items .game-list > li {
    width: 274px;
    margin: 0 18px 12px 0;
}
* + html .popular-items .game-list > li {
    margin: 0 22px 12px 0;
}
.popular-items .game-list .game-box .title {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
}
.popular-items .game-list .game-box .txt-holder {
    padding: 0;
}
.more-items .game-box .text {
    padding: 0 0 0 8px;
}
.game-box .text {
    color: #444;
    font-size: 11px;
    line-height: 14px;
}
.game-box p {
    margin: 0;
}
.game-list {
    margin: 0 -18px -8px 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.game-list > li {
    display: inline-block;
    vertical-align: top;
    width: 192px;
    margin: 0 14px 12px 0;
}
* + html .game-list > li {
    display: inline;
}
.game-box .mark {
    display: block;
    color: #dd6800;
    font-size: 11px;
    line-height: 14px;
}
.game-list .game-box .title {
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    margin: 0 0 2px;
}
.game-list .game-box .txt-holder {
    padding: 4px 0 0;
}
.box .title-row {
    width: 100%;
    margin: 0 0 1px;
    overflow: hidden;
}
.box .title-row .date {
    float: right;
    margin: 9px 2px 0 0;
    font-size: 14px;
    line-height: 18px;
}
.box .holder h2 {
    margin: 0 0 4px;
    font-size: 25px;
    line-height: 28px;
}
.box.yellow .holder h2 {
    color: #dd6800;
}
.block-holder {
    width: 100%;
    padding: 3px 0 0;
    overflow: hidden;
}
.box .block-holder h2 {
    font-size: 18px;
    line-height: 22px;
}
.block {
    padding: 5px;
    margin: 0 0 8px;
    color: #585858;
    font-size: 11px;
    line-height: 14px;
    overflow: hidden;
    background: #fefefc url(/images/bg-block.gif) repeat-x 0 100%;
    border: 1px solid #e2e2e2;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 2px #ececec;
    -moz-box-shadow: 0 2px 2px #ececec;
    box-shadow: 0 2px 2px #ececec;
    behavior: url(js/PIE.htc);
}
.box.yellow .block {
    border-color: #f2e09e;
}
.game-box {
    width: 100%;
    overflow: hidden;
}
.game-box.type-2 .text {
    overflow: hidden;
    position: relative;
}
.text a {
    color: #444;
}
.text a:hover {
    color: #b10016;
}
.add-content {
    padding: 0 0 0 8px;
    text-align: left;
    overflow: hidden;
}
.add-content .rating {
    float: left;
    margin: 0 10px;
}
.add-content .button-holder {
    overflow: hidden;
}
.add-content .button-holder .button {
    float: left;
}
.game-box a {
    display: block;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}
.game-box a:hover,
.game-box a.hover {
    color: #b10016;
    text-decoration: none;
}
.game-box a:hover .title,
.game-box a:hover .mark {
    color: #b10016;
}
.featured-holder {
    width: 100%;
    padding: 9px 0 3px;
    overflow: hidden;
}
.featured-area {
    width: 100%;
    padding: 5px 0 12px;
    overflow: hidden;
}
.featured-area h2 {
    margin: 0 0 10px;
    color: #333;
    font-size: 28px;
    line-height: 32px;
}
.featured-list {
    margin: 0 -4px 0 -8px;
    padding: 0;
    list-style: none;
    text-align: center;
    overflow: hidden;
}
.featured-holder .featured-list {
    margin: 0 -10px 0 -2px;
}
.featured-area .featured-list {
    margin: 0 -30px 0 -4px;
}
.featured-list li {
    display: inline-block;
    vertical-align: top;
    width: 126px;
    padding: 0 2px 12px 6px;
}
* + html .featured-list li {
    display: inline;
    padding: 0 4px 12px 8px;
}
.featured-holder .featured-list li {
    padding: 0 13px 12px 5px;
}
* + html .featured-holder .featured-list li {
    padding: 0 15px 12px 7px;
}
.featured-area .featured-list li {
    padding: 0 26px 12px 0;
}
* + html .featured-area .featured-list li {
    display: inline;
    padding: 0 28px 12px 2px;
}
.illustration-holder {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 -5px;
    padding: 0 0 9px;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: url(/images/bg-illustration-holder.png) no-repeat 50% 100%;
    behavior: url(js/PIE.htc);
}
* + html .illustration-holder {
    display: inline;
}
.illustration-holder .illustration {
    float: none;
    display: block;
    margin: 0 auto;
    width: 108px;
    height: 81px;
    padding: 8px;
    background: #f8f8f8;
    border-color: #dfdfdf;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    behavior: url(js/PIE.htc);
}
.results-list .illustration:hover,
.tooltip .illustration:hover,
.game-box a:hover .illustration,
.game-box .illustration:hover,
.game-box .illustration.hover {
    background: #fbf1cd;
    border-color: #f8c30e;
}
.game-box a:hover .illustration.small {
    background: #fff;
}
.featured-list .game-box .title {
    font-size: 12px;
    line-height: 14px;
    margin: 0 2px;
}
.featured-list1 .game-box {
    text-align: left;
}
.featured-list .game-box .txt-holder {
    padding: 3px 0 0;
}
.link-holder {
    width: 100%;
    padding: 5px 0 0;
    font-size: 11px;
    line-height: 14px;
    text-align: center;
    overflow: hidden;
    border-top: 1px solid #e2e2e2;
}
.link-holder.button-holder {
    width: auto;
    margin: 0 -12px -7px;
    background: #f8f8f8;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    behavior: url(js/PIE.htc);
    padding: 8px 10px 9px;
    position: relative;
}
.box-section .link-holder.button-holder {
    margin: -12px -17px;
}
* + html .content .box-section .link-holder.button-holder {
    float: left;
    width: 416px;
}
.illustration {
    float: left;
    width: 109px;
    height: 82px;
    margin: 0;
    padding: 4px;
    background: #fff;
    position: relative;
    border: 1px solid #e2e2e2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.illustration.large {
    display: block;
    margin: 0 auto;
    padding: 9px;
    width: 150px;
    height: 150px;
}
.illustration.small {
    width: 60px;
    height: 45px;
    margin: 0 8px 0 0;
    padding: 2px;
    overflow: hidden;
    background: #fff;
}
.main-area .more-items .illustration.small {
    margin: 0;
}
.illustration img {
    vertical-align: top;
}
.illustration .new {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 43px;
    height: 45px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/btns.png) no-repeat -614px 0;
}
.block .items {
    float: left;
    margin: -5px;
    padding: 0;
    list-style: none;
    background: url(/images/separator-02.gif) repeat-y 93px 0;
}
.block .items .illustration.small {
    float: none;
    display: block;
    margin: 0 auto 2px;
}
.block .items li {
    float: left;
    width: 89px;
    padding: 0 2px;
    text-align: center;
}
.block .items .game-box a {
    margin: 0;
    padding: 13px 0 10px;
}
.block .items .title {
    font-size: 11px;
    line-height: 13px;
    font-weight: 400;
    margin: 0 0 2px;
}
.game-box .txt-holder {
    display: block;
    padding: 10px 0 0;
    overflow: hidden;
}
.game-box .title {
    display: block;
    color: #0055b2;
    font-size: 14px;
    line-height: 16px;
}
.block .game-box .title a,
.game-box .title a {
    padding: 0 0 0 8px !important;
}
.game-box .sub-title {
    display: block;
    margin: 0 0 4px;
}
.game-box .sub-title a {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #585858;
}
.game-box .sub-title a:hover {
    text-decoration: underline;
}
.game-box .btn-grey {
    margin: 0 0 3px -3px;
}
.btn-grey {
    display: inline-block !important;
    vertical-align: top;
    height: 25px;
    margin: 0 0 3px;
    padding: 0 0 0 8px;
    color: #585858;
    cursor: pointer;
    font: 11px/19px Arial, Helvetica, sans-serif;
    background: url(/images/btns.png) no-repeat 0 -660px;
}
.btn-grey strong {
    float: left;
    height: 22px;
    padding: 3px 8px 0 0;
    background: url(/images/btns.png) no-repeat right -695px;
    margin-left: -1px;
}
.btn-grey:hover {
    text-decoration: none;
    background-position: 0 -730px;
}
.btn-grey:hover strong {
    padding: 3px 10px 0 0;
    background-position: 100% -765px;
}
.box .plugin {
    width: 266px;
    margin: 0 0 5px;
    padding: 7px 7px 2px;
    overflow: hidden;
    position: relative;
    background: #fff;
    border: 1px solid #e2e2e2;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    behavior: url(js/PIE.htc);
}
.link-row {
    width: 100%;
    margin: -1px 0 0;
    font-size: 11px;
    line-height: 14px;
    overflow: hidden;
}
.banner {
    padding: 3px;
    overflow: hidden;
}
.banner img {
    vertical-align: top;
}
#footer {
    padding: 10px 18px 30px 27px;
    color: #fff;
    font-size: 11px;
    line-height: 14px;
    overflow: hidden;
    background: #00439c;
}
#footer a {
    color: #fff;
}
#footer a:hover,
#footer .additional-nav .active a,
#footer .sub-nav .active a {
    color: #f7bf00;
    text-decoration: none;
}
.img-promo {
    float: right;
    margin: 0 0 10px 50px;
}
.footer-holder {
    padding: 6px 0 0;
    overflow: hidden;
}
.additional-nav,
.sub-nav {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    overflow: hidden;
}
.sub-nav {
    font-size: 14px;
    line-height: 17px;
    margin: 0 0 7px;
}
.additional-nav li,
.sub-nav li {
    float: left;
    margin: 0 11px 0 0;
}
.footer-txt {
    width: 100%;
    margin: 0 0 15px;
    overflow: hidden;
}
.copyright {
    float: left;
    margin: 0 5px 0 0;
}
.footer-txt p {
    margin: 0;
}
.footer-txt ul {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-txt li {
    float: left;
    padding: 0 7px;
}
.verified {
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.verified li {
    float: left;
    margin: 0 10px 0 9px;
}
#footer .verified li {
    margin: 0 10px 0 0;
}
.verified img {
    vertical-align: top;
}
.tooltip {
    position: absolute;
    top: -9999px;
    left: -9999px;
    width: 366px;
    padding: 55px 0 0;
    font-size: 12px;
    line-height: 15px;
    z-index: 1000;
    background: url(/images/bg-tooltip.png) no-repeat;
}
.tooltip-holder {
    float: left;
    width: 366px;
    padding: 0 0 55px;
    background: url(/images/bg-tooltip.png) no-repeat -752px 100%;
}
.tooltip-frame {
    float: left;
    width: 366px;
    background: url(/images/bg-tooltip.png) repeat-y -376px 0;
}
.tooltip-content {
    float: left;
    width: 314px;
    margin: -29px 26px -28px;
}
.tooltip .arrow {
    position: absolute;
    top: 52px;
    left: -11px;
    width: 11px;
    height: 21px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/btns.png) no-repeat -593px 0;
}
.tooltip.right-side .arrow {
    background-position: -593px -31px;
    left: auto;
    right: -9px;
}
.tooltip .illustration {
    margin: 0 14px 0 0;
}
.tooltip .tooltip-txt {
    overflow: hidden;
}
.tooltip .tooltip-title {
    display: block;
    color: #0055b2;
    font-size: 15px;
    line-height: 17px;
}
.tooltip p {
    margin: 0 0 8px;
}
.button-holder {
    display: block;
    text-align: center;
}
.button-white {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-size: 11px;
    line-height: 14px;
    color: #585858;
    font-weight: 700;
    padding: 6px 14px;
    border: 1px solid #cfcfcf;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
    behavior: url(js/PIE.htc);
    position: relative;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #f1f1f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f1f1f1));
    background: -webkit-linear-gradient(top, #fff 0%, #f1f1f1 100%);
    background: -o-linear-gradient(top, #fff 0%, #f1f1f1 100%);
    background: -ms-linear-gradient(top, #fff 0%, #f1f1f1 100%);
    background: linear-gradient(to bottom, #fff 0%, #f1f1f1 100%);
    -pie-background: linear-gradient(to bottom, #fff 0%, #f1f1f1 100%);
}
.rating {
    display: inline-block;
    vertical-align: top;
    color: #585858;
    font-size: 11px;
    line-height: 13px;
    padding: 18px 0 0 3px;
    background: url(/images/rating-happy.png) no-repeat 50% 0;
    position: relative;
}
.rating.sad {
    background-image: url(/images/rating-sad.png);
}
.rating.ok {
    background-image: url(/images/rating-ok.png);
}
.rating.left {
    padding: 3px 0 3px 19px;
    background-position: 0 50%;
}
.rating.top {
    width: auto;
    left: auto;
    top: 13px;
    right: 8px;
    height: auto;
    position: absolute;
}
.button,
#wrapper .button {
    display: inline-block;
    vertical-align: top;
    height: 26px;
    margin: 0 0 5px;
    padding: 0 0 0 12px;
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    cursor: pointer;
    background: url(/images/btns.png) no-repeat 0 -516px;
}
.button strong,
#wrapper .button strong {
    display: block;
    height: 22px;
    padding: 4px 12px 0 0;
    background: url(/images/btns.png) no-repeat 100% -552px;
}
.button:hover,
#wrapper .button:hover {
    color: #003b7d;
    text-decoration: none;
    background-position: 0 -588px;
}
.button:hover strong,
#wrapper .button:hover strong {
    background-position: 100% -624px;
}
.tooltip .button,
#wrapper .tooltip .button {
    margin: 0 0 2px;
}
.tooltip .tags {
    margin: 0;
    font-size: 11px;
    overflow: hidden;
}
.tooltip .tags dt {
    float: left;
    margin: 0 3px 0 0;
}
.tooltip .tags dd {
    overflow: hidden;
}
.lightbox {
    width: 360px;
    height: 375px;
    padding: 12px;
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 18px #000;
    -moz-box-shadow: 0 0 18px #000;
    box-shadow: 0 0 18px #000;
    position: absolute;
    top: -99999px;
    left: -99999px;
}
.lightbox .game-preview {
    width: 360px;
    height: 270px;
    margin: 0 0 4px;
    padding: 0;
    list-style: none;
    overflow: hidden;
    position: relative;
}
.lightbox .game-preview li {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 360px;
    height: 270px;
}
.lightbox .game-preview li.active {
    display: block;
    z-index: 2;
}
.lightbox .thumbs {
    text-align: center;
}
.lightbox .thumbs li {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 2px;
}
* + html .lightbox .thumbs li {
    display: inline;
    margin: 0 4px;
}
.lightbox .close {
    position: absolute;
    top: -13px;
    right: -15px;
    z-index: 3;
    width: 46px;
    height: 46px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/btns.png) no-repeat -731px 0;
}
body.page-404 {
    min-width: 560px;
    background: #002a5f;
}
.page-404 #wrapper {
    width: 530px;
    margin: 0 auto;
    padding: 78px 0;
    text-align: center;
    background: none;
}
.page-404 #main {
    width: 442px;
    margin: 2px 4px 6px;
    padding: 89px 40px 60px;
    color: #fdf6f6;
    font-size: 16px;
    line-height: 18px;
    background: #004c97;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 3px #000;
    -moz-box-shadow: 0 3px 3px #000;
    box-shadow: 0 3px 3px #000;
    behavior: url(js/PIE.htc);
}
.page-404 #main h1 {
    margin: 0 0 1px;
    font-size: 48px;
    line-height: 52px;
}
.page-404 #main p {
    margin: 0 0 20px;
}
.page-404 #main a {
    color: #fdf6f6;
    text-decoration: underline;
}
.page-404 #main a:hover {
    color: #f7bf00;
    text-decoration: none;
}
.page-404 #main .btn-holder {
    width: 100%;
    overflow: hidden;
}
.page-404 #main .btn-green {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 25px;
    color: #fff;
    text-decoration: none;
}
.page-404 #main .btn-green strong {
    min-width: 240px;
}
.page-404 #main .btn-green:hover {
    color: #fff;
}
.page-404 .logo {
    float: none;
    display: block;
    margin: 0 auto 4px;
}
.page-404 #footer {
    padding: 4px 0 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    background: none;
}
.page-404 #footer ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.page-404 #footer li {
    display: inline;
    margin: 0 5px 0 8px;
}
.page-404 #footer li.active a {
    color: #f7bf00;
}
.heading-area .heading-holder {
    width: 100%;
    margin: -4px 0 0;
    overflow: hidden;
}
.heading-area .heading-holder .breadcrumbs {
    margin: 0 0 4px;
}
.heading-area .heading-holder h1 {
    margin: 0 0 12px;
    font-size: 34px;
    line-height: 38px;
}
.heading-area .heading-holder h1 span {
    color: #333;
}
.search-area {
    padding: 6px 0 10px;
}
.search-area .breadcrumbs {
    margin: 0;
}
.search-area h1 {
    margin: 0 0 6px;
    color: #b20000;
}
.search-games {
    padding: 0 0 16px 2px;
    position: relative;
}
.search-games .bg-inp {
    float: left;
    width: 411px;
    height: 45px;
    margin: 0 16px 0 0;
    padding: 0 20px;
    background: url(/images/btns.png) no-repeat 0 -1016px;
}
.search-games .bg-inp:hover {
    position: relative;
    margin: 0 16px -10px 0;
    padding: 0 20px 10px;
}
.search-games .bg-inp .inp-txt {
    float: left;
    width: 395px;
    height: 30px;
    margin: 0;
    padding: 7px 8px 8px;
    font-size: 24px;
    line-height: 28px;
    background: none;
    border: 0;
}
.search-games .submit {
    float: left;
    width: 292px;
    height: 46px;
    margin: 0;
    padding: 0 0 4px;
    color: #fff;
    font-size: 25px;
    line-height: 46px;
    font-weight: 700;
    cursor: pointer;
    background: url(/images/btns.png) no-repeat 0 -1071px;
    border: 0;
}
.search-games .submit:hover {
    background-position: -302px -1071px;
}
.search-games .bg-inp:hover .drop-results {
    left: -5px;
    top: 50px;
}
.drop-results {
    position: absolute;
    top: -9999px;
    left: -9999px;
    width: 267px;
    padding: 4px;
    margin: 1px 3px 5px;
    z-index: 10;
    background: #659efd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 4px 3px #c3c3c3;
    -moz-box-shadow: 0 4px 3px #c3c3c3;
    box-shadow: 0 4px 3px #c3c3c3;
}
.drop-results-holder {
    overflow: hidden;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.drop-results ul {
    width: 100%;
    margin: 0 0 8px;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.drop-results li {
    width: 100%;
    vertical-align: top;
    overflow: hidden;
    border-bottom: 1px solid #e2e2e2;
}
.drop-results li:first-child a {
    padding: 14px 9px 9px;
}
.drop-results ul a {
    display: block;
    padding: 9px;
    cursor: pointer;
    overflow: hidden;
}
.drop-results ul a:hover {
    text-decoration: none;
    background: #f1f1f1;
}
.drop-results .illustration.small {
    margin: 0 11px 0 0 !important;
}
.drop-results .txt-holder {
    display: block;
    padding: 8px 0 0;
    overflow: hidden;
}
.drop-results .title {
    display: block;
    font-size: 14px;
    line-height: 14px;
}
.drop-results .link {
    width: 100%;
    margin: 0 0 9px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    text-align: center;
    overflow: hidden;
}
.main-frame {
    padding: 13px 11px 0;
    overflow: hidden;
}
.results-area {
    float: right;
    width: 725px;
    padding: 11px 0 0;
}
.results-area h2 {
    margin: 0 0 6px;
    font-size: 18px;
    line-height: 22px;
}
.results-area h2 strong {
    display: block;
    margin: -5px 0 0;
    padding: 0 0 3px;
    font-size: 24px;
    line-height: 28px;
}
.results-list {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
}
.results-list > li {
    vertical-align: top;
    padding: 14px 0 14px 12px;
    overflow: hidden;
    border-top: 1px solid #e2e2e2;
}
.results-list > li:hover {
    background: #f1f1f1;
}
.results-list .illustration {
    margin: 0 14px 0 0;
}
.results-list .txt-holder {
    float: left;
    width: 410px;
    padding: 2px 20px 0 0;
}
.results-list .tags-btns {
    width: 100%;
    margin: 0 0 5px;
    padding: 0;
    list-style: none;
    font-size: 11px;
    line-height: 13px;
    font-weight: 700;
    overflow: hidden;
}
.results-list .tags-btns li {
    float: left;
    margin: 0 8px 0 0;
}
.results-list .tags-btns a {
    display: block;
    color: #fff;
    padding: 2px 5px;
    background: #3572c7;
}
.results-list .tags-btns .green {
    background: #4cb151;
}
.results-list h3 {
    margin: 0 0 -2px;
    color: #0055b2;
    font-size: 16px;
    line-height: 20px;
}
.results-list p {
    margin: 0 0 5px;
}
.results-list .tags {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 11px;
    line-height: 14px;
    overflow: hidden;
}
.results-list .tags li {
    float: left;
    margin: 0 12px 0 2px;
}
.results-list .buttons {
    float: left;
    width: 147px;
    margin: 0;
    padding: 27px 0 0;
    list-style: none;
    text-align: center;
}
.results-list .buttons li {
    margin: 0 0 5px;
}
.results-list .buttons .btn-blue.small,
.results-list .buttons .btn-green.small {
    display: inline-block;
    vertical-align: top;
    margin: 0;
}
.results-list .buttons .btn-blue.small strong,
.results-list .buttons .btn-green.small strong {
    min-width: 94px;
}
.results-area .paging-area {
    float: right;
    margin: 0 -4px 22px;
    overflow: visible;
}
.filter-area {
    padding: 6px 6px 0;
    font-size: 11px;
    line-height: 14px;
    overflow: hidden;
}
.filter-area h3 {
    margin: 0 0 5px;
    font-size: 18px;
    line-height: 22px;
}
.filter-area h4 {
    margin: 0 0 5px;
    font-size: 13px;
    line-height: 16px;
}
.filter-block {
    width: 100%;
    padding: 9px 0 6px;
    overflow: hidden;
    border-top: 1px solid #e2e2e2;
}
.filter-block ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.filter-block li {
    margin: 0 0 4px;
}
.doc-area {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    background: #fff;
}
.btns .download-button-area {
    margin-left: auto;
    margin-right: auto;
    width: 450px;
}
.email-box {
    text-align: center;
}
.email-box h1 {
    display: block;
    margin: 0 0 -3px;
    color: #0055b2;
    font-size: 18px;
    line-height: 22px;
}
.email-box .note {
    width: 100%;
    margin: 0 0 -2px;
    padding: 0;
    color: #333;
    font-size: 11px;
    line-height: 14px;
    font-weight: 700;
    list-style: none;
    overflow: hidden;
}
.cart {
    margin: auto;
    margin-right: auto;
    margin-bottom: 0;
    margin-top: 0;
    width: 80%;
    text-align: center;
}
.cart table {
    padding: 0;
    border: 0;
    width: 100%;
    border-collapse: collapse;
}
.cart th {
    background-color: #0142a2;
    color: #fff;
    font: 13px Arial, Helvetica, sans-serif;
    font-weight: 700;
}
.cart tr {
    border-bottom: 1px solid #0142a2;
}
.cart td {
    margin-left: 20px;
    margin-right: 20px;
    font: 11px Arial, Helvetica, sans-serif;
}
.cart td strong {
    font: 11px arial;
    color: #900;
    font-weight: 700;
}
.cart td a {
    font: 11px Arial, Helvetica, sans-serif;
    color: #900;
    font-weight: 700;
    text-decoration: underline;
}
.cart td .price {
    font: 12px Arial, Helvetica, sans-serif;
}
.cart td .normal {
    font: 12px Arial, Helvetica, sans-serif;
}
.cart .normal-right {
    font: 12px Arial, Helvetica, sans-serif;
    text-align: right;
}
#payment-info-middle {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    position: relative;
    height: 100px;
}
#payment-info-middle #money-back {
    position: absolute;
    top: 13px;
    left: 105px;
}
#payment-info-middle #godaddy {
    position: absolute;
    top: 5px;
    left: 218px;
}
#payment-form {
    margin-left: auto;
    margin-right: auto;
    width: 40%;
    text-align: left;
    font: bold 12px Arial, Helvetica, sans-serif;
}
#payment-form table {
    padding: 0;
    border-collapse: collapse;
    width: 500px;
}
#payment-form tr {
    height: 28px;
}
#payment-form a {
    font: 11px Arial, Helvetica, sans-serif;
    text-decoration: underline;
}
#payment-info-middle #creditcards {
    position: absolute;
    top: 32px;
    left: 420px;
}
#payment-info-middle #price {
    position: absolute;
    top: 3px;
    right: 0;
    text-align: right;
    font: bold 12px Arial, Helvetica, sans-serif;
}
#payment-info-middle #price strong {
    color: blue;
}
#upsell-middle {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    position: relative;
    height: 130px;
}
#upsell-middle #godaddy {
    position: absolute;
    top: 25px;
    left: 0;
}
#upsell-middle #special {
    position: absolute;
    text-align: center;
    top: 35px;
    left: 20%;
    right: 20%;
    font: 35px Arial, Helvetica, sans-serif;
    color: #0055b2;
}
#upsell-middle #price {
    position: absolute;
    text-align: right;
    top: 5px;
    right: 0;
    font: 12px Arial, Helvetica, sans-serif;
    color: #000;
}
#upsell-middle #price #discount {
    color: blue;
}
#upsell-middle h2 {
    font: bold 15px Arial, Helvetica, sans-serif;
    margin-top: 0;
    color: #444;
}
#upsell-box {
    margin-right: auto;
    margin-left: auto;
    width: 80%;
}
#moustache {
    width: 68%;
    position: relative;
    font: 14px/14px Arial, Helvetica, sans-serif;
    margin: 20px auto 100px;
}
#moustache .note {
    font: 10px Verdana, Geneva, sans-serif;
}
#moustache #option1 {
    position: absolute;
    top: 275px;
    left: 105px;
}
#moustache #optiontext1 {
    position: absolute;
    top: 275px;
    left: 130px;
}
#moustache #option2 {
    position: absolute;
    top: 315px;
    left: 105px;
}
#moustache #optiontext2 {
    position: absolute;
    top: 315px;
    left: 130px;
}
#moustache #submit {
    position: absolute;
    right: 60px;
    top: 405px;
}
#moustache #login {
    position: absolute;
    left: 60px;
    top: 410px;
    font: 12px Arial, Helvetica, sans-serif;
}
.block .itemsupsell {
    float: left;
    margin: -5px;
    padding: 0;
    list-style: none;
}
.block .itemsupsell .illustration.small {
    float: none;
    display: block;
    margin: 0 auto 2px;
}
.block .itemsupsell li {
    float: left;
    width: 140px;
    padding: 0 2px;
    text-align: center;
}
.block .itemsupsell .game-box a {
    margin: 0;
    padding: 13px 0 10px;
}
.block .itemsupsell .title {
    font-size: 11px;
    line-height: 13px;
    font-weight: 400;
}
#receipt {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    text-align: left;
    font: 13px Arial, Helvetica, sans-serif;
}
#receipt .maininfo {
    font: bold 15px Arial, Helvetica, sans-serif;
    color: #0055b2;
}
#receipt a {
    text-decoration: underline;
}
#receipt .reginfo {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    text-align: left;
}
#receipt .error {
    text-align: center;
    color: red;
}
#formcontainer {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    margin-top: 0;
}
.signup {
    width: 40%;
    position: relative;
    text-align: left;
    margin: 0 auto 100px;
}
.signup #top {
    background-image: url(/images/sub_signup_top.jpg);
    font: bold 14px Verdana, Geneva, sans-serif;
    line-height: 44px;
    text-align: center;
    color: #fff;
    width: 344px;
    height: 44px;
}
.signup #middle {
    position: relative;
    background-image: url(/images/sub_signup_middle.jpg);
    font: bold 14px Verdana, Geneva, sans-serif;
    text-align: center;
    color: #fff;
    width: 344px;
    height: 330px;
}
.signup #middle .form {
    position: absolute;
    top: 20px;
    left: 30px;
    font: bold 13px Arial, Helvetica, sans-serif;
    color: #24468d;
    text-align: left;
}
.signup #middle .form .error {
    font: 10px Arial, Helvetica, sans-serif;
    color: red;
}
.signup #middle .form .tip {
    font: 11px Arial, Helvetica, sans-serif;
    color: #5a5a5a;
}
.signup #middle .form a {
    text-decoration: underline;
}
.signup #bottom {
    background-image: url(/images/sub_signup_bottom.jpg);
    font: bold 14px Verdana, Geneva, sans-serif;
    text-align: center;
    color: #fff;
    width: 344px;
    height: 22px;
}
.signup .blue {
    color: #24468d;
}
#button-info {
    position: relative;
    font: 11px arial;
    width: 120px;
    height: 150px;
}
#button-info #thirty-day {
    position: absolute;
    top: 30px;
    left: 60px;
    font: 20px arial;
}
#button-info #verisign {
    position: absolute;
    top: 23px;
    left: 120px;
    font: 20px arial;
}
.cart-box .noMatch {
    margin: -13px -39px 19px;
    border: 2px solid #f7bf00;
    background: #fdf8e8 url(/images/bg-error.gif) repeat-x;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 2px #adaaa1;
    padding: 16px 0 14px;
    position: relative;
    text-align: center;
    color: #333;
    font-weight: 700;
    display: block;
}
.cart-box .fail .noMatch {
    display: block;
    float: left;
}
.cart-box .noMatch p {
    margin: 0;
    font-size: 18px;
    line-height: 22px;
}
.signin {
    float: right;
    font-size: 13px;
    line-height: 26px;
}
.header-frame .signin {
    float: none;
    width: 100%;
    overflow: hidden;
}
.header-frame .my-cart {
    float: right;
    padding: 0 0 0 26px;
    width: 96px;
    background: url(/images/bg-cart2.png) no-repeat 0 50%;
    font-size: 13px;
}
.header-frame .my-cart .numb {
    float: left;
    width: 28px;
    height: 27px;
    background: url(/images/bg-numb.png) no-repeat;
    color: #000;
    font-weight: 700;
    font-size: 15px;
    line-height: 28px;
    text-align: center;
    margin: -2px 2px 0 0;
}
.header-frame .my-cart.empty .numb {
    background-position: 0 -28px;
    color: #89b7e9;
}
.signin .note,
.signin a {
    float: right;
    color: #fff;
    font-weight: 700;
}
.header-frame .my-cart a {
    float: none;
}
.signin .btn-blue {
    float: right;
    text-align: center;
    font-weight: 400;
    margin-left: 5px;
}
.signin .btn-blue strong {
    font-weight: 400;
    height: 22px;
    padding: 4px 12px 0 0;
    min-width: 53px;
}
.steps {
    float: left;
    margin: -2px 0 0;
    padding: 0 0 5px;
    list-style: none;
    font-size: 18px;
    line-height: 35px;
    font-weight: 700;
}
.steps li {
    float: left;
    background: url(/images/separator-03.png) no-repeat 0 50%;
    padding: 0 21px 0 30px;
}
.steps li:first-child {
    background: none;
    padding-left: 0;
}
.steps .numb {
    float: left;
    width: 35px;
    height: 35px;
    padding-left: 1px;
    background: url(/images/bg-steps.png) no-repeat 0 -35px;
    color: #fff;
    text-align: center;
    margin-right: 7px;
}
.steps .text,
.steps a {
    color: #9b9b9b;
}
.steps .active .numb {
    background-position: 0 0;
}
.steps .active .text,
.steps .active a {
    color: #333;
}
.steps .complete .numb {
    background-position: 0 -72px;
    text-indent: -9999px;
    overflow: hidden;
}
.steps .complete a,
.steps .complete .text {
    color: #4ba31b;
}
.heading-area .btn-grey {
    float: right;
    margin: 5px -4px 0 0;
}
.heading-area .btn-grey:hover {
    margin-right: -6px;
}
.cart-area {
    height: 1%;
    overflow: hidden;
    padding: 7px 11px;
    color: #333;
}
.cart-area .title-line {
    width: 100%;
    overflow: hidden;
    border-bottom: 3px solid #7faefc;
}
.cart-area .title-line h1 {
    float: left;
    margin: 0;
    font-size: 48px;
    padding-left: 90px;
    background: url(/images/bg-cart.png) no-repeat 1px 0;
    color: #333;
}
.cart-area .title-line h1 .marked {
    color: #0055b2;
}
.billing .title-line h1 {
    float: left;
    margin: 0;
    font-size: 48px;
    padding-left: 90px;
    background: url(/images/bg-billing.png) no-repeat -5px 2px;
    color: #333;
}
.cart-area .title-line .logos {
    float: right;
    margin: 0;
    padding: 3px 1px 0 0;
    list-style: none;
}
.cart-area .title-line .logos li {
    float: left;
    padding-left: 15px;
}
.cart-area .title-line .logos img {
    display: block;
}
.cart-area .questions {
    width: 100%;
    overflow: hidden;
    text-align: right;
    font-size: 12px;
    padding: 12px 0 8px;
}
.cart-box {
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0 49px 10px;
    position: relative;
}
.cart-box .secure {
    position: absolute;
    bottom: 13px;
    right: 18px;
}
.billing-box {
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0 49px 10px;
    position: relative;
    margin-bottom: 31px;
}
.cart-area .empty {
    background: #f9f9f9;
    text-align: center;
    padding: 70px 0 51px;
    margin-bottom: 23px;
}
.cart-area .empty span {
    display: block;
    font-size: 24px;
    line-height: 26px;
    color: #333;
    font-weight: 700;
    margin-bottom: 15px;
}
.cart-area .empty .btn-blue {
    display: inline-block;
}
.cart-area .empty .btn-blue strong {
    display: inline-block;
    min-width: 240px;
}
.cart-box .title {
    position: relative;
    top: -14px;
    height: 1%;
    overflow: hidden;
    padding: 0 26px 5px;
}
.cart-box h2 {
    float: left;
    font-size: 24px;
    line-height: 26px;
    background: #fff;
    margin: 0;
    padding: 0 14px;
}
.cart-box h2 span {
    color: #b80000;
}
.cart-holder {
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}
.cart-holder li {
    height: 1%;
    overflow: hidden;
    padding: 16px 0 20px 39px;
    border-bottom: 1px solid #e2e2e2;
    vertical-align: top;
}
.cart-holder .title-area {
    border: 1px solid #dadada;
    background: #ebebeb url(/images/bg-title-01.gif) repeat-x;
    font-size: 12px;
    line-height: 14px;
    padding: 9px 0 4px 39px;
}
.cart-holder .col1 {
    float: left;
    width: 448px;
    padding-right: 40px;
}
.cart-holder .img-holder {
    float: left;
    width: 86px;
}
.cart-holder .txt {
    height: 1%;
    overflow: hidden;
    padding: 4px 0 0;
}
.cart-holder .txt strong {
    color: #333;
    display: block;
    font-size: 16px;
    line-height: 16px;
}
.cart-holder .txt strong.single {
    padding: 13px 0 2px;
}
.cart-holder .txt strong a {
    color: #333;
}
.cart-holder .txt strong span {
    color: #b50000;
}
.cart-holder .txt strong a:hover span {
    text-decoration: underline;
}
.cart-holder .txt p {
    margin: 0;
    font-size: 12px;
    line-height: 16px;
}
.cart-holder .col2 {
    height: 1%;
    overflow: hidden;
    display: block;
    padding: 4px 15px 0 0;
}
.cart-holder .title-area .col2 {
    padding-top: 0;
}
.cart-holder .remove {
    float: right;
    font-size: 12px;
    font-weight: 700;
    margin: 13px 0 0;
}
.cart-holder .old {
    display: block;
    color: #7b7b7b;
    font-weight: 700;
    text-decoration: line-through;
    font-size: 16px;
    line-height: 16px;
    padding: 13px 0 0;
}
.cart-holder .new {
    display: block;
    font-weight: 700;
    font-size: 16px;
    line-height: 17px;
}
.cart-holder .new strong {
    font-weight: 700;
    color: #b50000;
}
.cart-holder .chb {
    float: right;
    width: 14px;
    height: 14px;
    margin: 2px 11px 0 0;
    padding: 0;
}
.cart-box .total {
    border-top: 2px solid #e2e2e2;
    padding: 13px 0 16px;
    font-size: 24px;
    line-height: 26px;
    width: 100%;
    overflow: hidden;
}
.cart-box .total strong {
    float: right;
    width: 376px;
}
.cart-box .total span {
    color: #b80000;
    padding-left: 15px;
}
.cart-box .total .edit {
    font-size: 12px;
    font-weight: 700;
    float: left;
    margin-left: 41px;
}
.cart-area .payment {
    height: 1%;
    padding: 10px 49px 13px;
    overflow: hidden;
    font-size: 12px;
    line-height: 14px;
    border-bottom: 3px solid #d9d9d9;
}
.cart-area .payment .text {
    display: block;
    padding: 7px 42px 35px;
}
.cart-area .payment .text a {
    color: #0055b2;
}
.cart-area .cards {
    float: left;
    width: 50%;
    font-weight: 700;
    padding: 3px 0 0;
}
.cart-area .cards ul {
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 24px 0 4px;
    list-style: none;
}
.cart-area .cards ul li {
    float: left;
    margin-right: 3px;
}
.cart-area .cards ul a {
    display: block;
    width: 39px;
    height: 25px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/bg-cards.gif) no-repeat;
}
.cart-area .cards ul a.card1 {
    background-position: 0 0;
}
.cart-area .cards ul a.card2 {
    background-position: -42px 0;
}
.cart-area .cards ul a.card3 {
    background-position: -84px 0;
}
.cart-area .cards ul a.card4 {
    background-position: -126px 0;
}
.cart-area .cards ul a.card5 {
    background-position: -168px 0;
}
.cart-area .cards .descr {
    display: block;
    font-weight: 400;
    padding: 0 1px 22px;
}
.cart-area .cards p {
    margin: 0 1px;
}
.btn-red {
    display: block;
    height: 46px;
    margin: 0 0 4px;
    padding: 0 0 0 21px;
    color: #fff;
    font-size: 25px;
    line-height: 28px;
    cursor: pointer;
    background: url(/images/btns.png) no-repeat 0 -1126px;
}
.btn-red:hover {
    text-decoration: none;
    background-position: 0 -1246px;
}
.btn-red strong {
    display: block;
    height: 37px;
    padding: 9px 24px 0 8px;
    background: url(/images/btns.png) no-repeat right -1186px;
    margin-left: -1px;
}
.btn-red:hover strong {
    background-position: 100% -1306px;
}
.payment .purchase {
    float: right;
    margin: 8px -47px 20px 0;
}
.payment .purchase strong {
    padding: 9px 43px 0 12px;
}
.payment .text2 {
    height: 1%;
    overflow: hidden;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    padding: 16px 16px 0 0;
}
.payment .text2 p {
    margin: 0;
    color: #444;
}
.payment .text2 a {
    color: #444;
    text-decoration: underline;
}
.payment .text2 a:hover {
    text-decoration: none;
}
.cart-area .btns2 {
    float: right;
    width: 316px;
    padding: 6px 0 0;
}
.cart-area .or {
    width: 277px;
    margin: 0 auto;
    background: url(/images/separator-04.gif) repeat-x 0 50%;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    padding: 4px 0 8px;
}
.cart-area .or span {
    background: #fff;
    padding: 0 9px;
}
.cart-area .btns2 .paypal {
    display: block;
    width: 143px;
    height: 24px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/btn-paypal.gif) no-repeat;
    margin: 0 auto;
}
#footer2 {
    width: 980px;
    padding: 0 6px 6px;
    position: relative;
    overflow: hidden;
    margin: -2px auto 0;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
}
#footer2 .footer-area {
    width: 980px;
    background: #fff;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    box-shadow: 0 0 6px #000;
    padding: 0 0 82px;
    behavior: url(js/PIE.htc);
    position: relative;
}
#footer2 .logos {
    margin: 0 auto;
    padding: 3px 8px 1px 0;
    list-style: none;
    width: 927px;
}
#footer2 .logos li {
    display: inline;
    padding-left: 15px;
    margin-right: -3px;
}
#footer2 .logos img {
    display: inline;
}
#footer2 p {
    margin: 0 0 0 12px;
}
#footer2 a {
    color: #444;
    margin: 0 2px;
}
#footer2 .logos a {
    margin: 0;
}
.cart-box .error a {
    font-size: 12px;
}
.signin-area {
    height: 1%;
    padding: 9px 42px 48px;
}
.billing-box .signin-area {
    height: 1%;
    padding: 9px 41px 28px;
    overflow: hidden;
}
.signin-area .col1 {
    float: left;
    width: 385px;
}
.signin-area label {
    display: block;
    font-size: 14px;
    color: #333;
    font-weight: 700;
}
.signin-area .field {
    display: block;
    width: 327px;
    background: #f7f7f7 url(/images/bg-input.gif) repeat-x;
    border: 1px solid #c3c3c3;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
    z-index: 1;
    font: 18px/20px Arial, Helvetica, sans-serif;
    color: #000;
    padding: 7px 15px 6px;
    margin: 0 0 13px;
    behavior: url(js/PIE.htc);
    position: relative;
}
.signin-area .field:focus {
    outline: none;
}
.signin-area .field2 {
    float: left;
    width: 54px;
    margin-right: 8px;
}
.signin-area .field3 {
    width: 24px;
    margin: 0;
}
.signin-area .field4 {
    width: 100px;
}
.signin-area .field.focus {
    background-position: 0 -56px;
    background-color: #fefefe;
    box-shadow: 0 0 7px #dbeafa;
    border-color: #7faefc;
}
.signin-area .btn-holder {
    width: 100%;
    overflow: hidden;
    padding: 7px 0;
}
.signin-area .btn-red {
    float: left;
}
.signin-area .btn-red strong {
    float: left;
    padding: 9px 60px 0 5px;
}
.signin-area .forgot {
    font-size: 12px;
    font-weight: 700;
}
.signin-area .col2 {
    float: right;
    width: 258px;
    font-size: 14px;
    line-height: 14px;
    color: #333;
    padding: 18px 0 0;
}
.signin-area p {
    margin: 3px 0 0;
    color: #4c4b4b;
    font-size: 12px;
    line-height: 16px;
}
.cart-box .error {
    margin: -13px -39px 19px;
    border: 2px solid #f7bf00;
    background: #fdf8e8 url(/images/bg-error.gif) repeat-x;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 2px #adaaa1;
    padding: 16px 0 14px;
    position: relative;
    text-align: center;
    color: #333;
    font-weight: 700;
    display: none;
}
.cart-box .fail .error {
    display: block;
    float: left;
}
.cart-box .error p {
    margin: 0;
    font-size: 18px;
    line-height: 22px;
}
.cart-box .columns {
    width: 100%;
    overflow: hidden;
}
.signin-area .req {
    display: block;
    font-weight: 700;
    padding: 17px 0;
    font-size: 11px;
}
.signin-area .select-holder {
    width: 100%;
    overflow: hidden;
    padding-bottom: 14px;
}
.signin-area select {
    width: 357px;
}
.signin-area .descr {
    display: block;
    font-size: 11px;
    line-height: 13px;
    color: #7b7b7b;
    margin: -3px 0 3px;
}
.signin-area .holder {
    padding: 0;
}
.signin-area .holder:after {
    clear: both;
    content: "";
    display: block;
}
.signin-area .help {
    float: left;
    z-index: 100;
    padding-top: 5px;
    position: relative;
}
.signin-area .help a {
    display: block;
    width: 28px;
    height: 28px;
    background: url(/images/btn-info.png) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}
.signin-area .help a:hover {
    background-position: 0 -32px;
}
.signin-area .show-tooltip .tooltip {
    display: block;
    top: -43px;
    left: 35px;
    z-index: 101;
}
.signin-area .tooltip .verif-code .subtitle {
    display: block;
    font-size: 18px;
    line-height: 16px;
}
.signin-area .tooltip .verif-code p {
    margin: 0 0 5px;
    font-size: 12px;
    line-height: 15px;
}
.signin-area .tooltip .verif-code .line {
    width: 100%;
    overflow: hidden;
    padding: 5px 0;
}
.signin-area .tooltip .verif-code .line img {
    float: left;
    margin: 0 12px 0 0;
}
.signin-area .tooltip .verif-code .txt {
    height: 1%;
    overflow: hidden;
}
.signin-area .hold {
    float: left;
    width: 56px;
    text-align: center;
    padding-bottom: 7px;
}
.signin-area .hold span {
    font-size: 11px;
    line-height: 16px;
    font-weight: 700;
    display: block;
    color: #7b7b7b;
}
.signin-area .sep {
    float: left;
    color: #7b7b7b;
    font-size: 18px;
    line-height: 36px;
    font-weight: 700;
    padding: 0 7px;
}
.cards-row {
    position: relative;
}
.cards-row .cards {
    position: absolute;
    background: #fff;
    top: -8px;
    left: 486px;
    width: 220px;
}
.cards-row .cards ul {
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 24px 0 4px;
    list-style: none;
}
.cards-row .cards ul li {
    float: left;
    margin-right: 3px;
}
.cards-row .cards ul a {
    display: block;
    width: 39px;
    height: 25px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/bg-cards.gif) no-repeat;
}
.cards-row .cards ul a.card1 {
    background-position: 0 0;
}
.cards-row .cards ul a.card2 {
    background-position: -42px 0;
}
.cards-row .cards ul a.card3 {
    background-position: -84px 0;
}
.cards-row .cards ul a.card4 {
    background-position: -126px 0;
}
.cards-row .cards ul a.card5 {
    background-position: -168px 0;
}
.cards-row .cards span {
    font-size: 12px;
    line-height: 14px;
    display: block;
    font-weight: 400;
    padding: 0 4px;
}
.billing-box .error,
.login-box .error,
.cart-area .error {
    padding-bottom: 17px;
    display: block;
    margin: -4px auto 19px;
}
.billing-box .container,
.login-box .container,
.cart-area .container {
    clear: both;
}
.cart-area .fail,
.login-box .fail {
    width: 359px;
    margin: 0 0 9px;
    border: 1px solid #f7bf00;
    background: #fdf8e7;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 12px 12px 8px;
    position: relative;
}
.billing-box .explanation,
.login-box .explanation,
.cart-area .explanation {
    display: none;
    font-size: 12px;
    line-height: 14px;
    margin: -9px 0 0;
    width: 100%;
    overflow: hidden;
}
.billing-box .explanation {
    margin: 0;
}
.billing-box .fail .explanation,
.login-box .fail .explanation,
.cart-area .explanation {
    display: block;
}
.billing-box .required,
.login-box .required,
.cart-area .required {
    text-transform: uppercase;
    font-size: 11px;
    color: #b80000;
    font-weight: 400;
    padding-left: 4px;
    letter-spacing: 1px;
    display: none;
}
.billing-box .fail .required,
.login-box .fail .required,
.cart-area .fail .required {
    display: inline;
}
.popup .billing-box .fail input {
    background: #fdf8e7;
    border-color: #f7bf00;
}
.confirmation {
    height: 1%;
    overflow: hidden;
    padding: 20px 11px 6px;
    color: #333;
}
.confirmation h1 {
    margin: 0;
    font-size: 48px;
    line-height: 50px;
    color: #4ba31b;
}
.confirmation .subtitle {
    display: block;
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 24px;
}
.confirmation p {
    margin: 0 0 15px;
    font-size: 18px;
    line-height: 20px;
}
.confirmation .btn-holder {
    width: 100%;
    overflow: hidden;
    padding-bottom: 21px;
}
.confirmation .btn-holder .btn-blue {
    float: left;
}
.confirmation .btn-holder .btn-blue strong {
    padding: 7px 33px 0 8px;
}
.details {
    border-top: 3px solid #d9d9d9;
    border-bottom: 3px solid #d9d9d9;
    padding: 16px 20px 19px 18px;
    height: 1%;
    overflow: hidden;
    color: #333;
}
.details .col1 {
    float: left;
    width: 375px;
}
.details h2 {
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 7px;
}
.details img {
    display: block;
}
.details .item {
    height: 1%;
    overflow: hidden;
    border-top: 1px solid #e2e2e2;
    padding: 9px 1px 13px;
}
.details .item .img-holder {
    float: left;
    width: 88px;
}
.details .item .title {
    display: block;
    padding: 4px 0 0;
    font-size: 14px;
    line-height: 15px;
    color: #333;
}
.details .item .title a {
    color: #333;
}
.details .item .caption {
    overflow: hidden;
}
.details .item .info-list {
    font-size: 12px;
    line-height: 15px;
    color: #444;
    overflow: hidden;
}
.details .item .info-list dt {
    font-weight: 400;
    padding: 0 2px 0 0;
    width: auto;
    float: left;
}
.details .item .info-list dd {
    border: none;
    padding: 0;
}
.details .col2 {
    float: right;
    width: 468px;
}
.details dl {
    width: 100%;
    overflow: hidden;
    font-size: 13px;
    margin: 0;
    line-height: 15px;
}
.details dl dt {
    font-weight: 700;
    float: left;
    padding: 8px 0;
    width: 140px;
}
.details dl dd {
    color: #444;
    border-top: 1px solid #e2e2e2;
    padding: 8px 0;
    margin: 0;
}
#gold-member {
    padding: 0;
    width: 816px;
    height: auto;
}
#gold-member img {
    display: block;
}
.lightbox-area {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
}
.box-content {
    width: 100%;
    overflow: hidden;
    padding: 20px 0 14px;
    background: #f1f1f1 url(/images/bg-goldmember.jpg) no-repeat;
}
.box-content .img-holder {
    float: left;
    width: 247px;
    padding: 2px 0 0 15px;
}
.box-content .text {
    float: right;
    width: 520px;
    padding: 0 18px 0 0;
}
.box-content h3 {
    margin: 0 0 3px;
    text-align: center;
    color: #b90000;
    font-size: 24px;
    line-height: 26px;
}
.box-content .subtitle {
    display: block;
    font-size: 15px;
    line-height: 16px;
    text-align: center;
    font-weight: 400;
    margin-bottom: 11px;
}
.box-content .items {
    width: 100%;
    overflow: hidden;
}
.box-content ul {
    width: 532px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
    line-height: 15px;
}
.box-content ul li {
    float: left;
    width: 248px;
    padding: 0 18px 16px 0;
    min-height: 69px;
}
.box-content ul .image {
    float: left;
    width: 76px;
}
.box-content ul .txt {
    overflow: hidden;
    padding: 8px 0 0;
}
.box-content ul p {
    margin: 0;
}
.box-content ul strong {
    display: block;
    font-size: 15px;
    color: #151515;
    margin-bottom: 1px;
}
.box-content ul strong a {
    color: #151515;
}
#gold-member .trust {
    position: absolute;
    bottom: 0;
    left: 28px;
    width: 225px;
    height: 74px;
    padding: 15px 0 0;
    background: url(/images/bg-trust.png) no-repeat;
    text-align: center;
}
#gold-member .trust .logos {
    margin: 0 auto;
    padding: 3px 8px 1px 0;
    list-style: none;
    width: 100%;
}
#gold-member .trust .logos li {
    display: inline;
    padding: 0 7px;
    margin-right: -3px;
}
#gold-member .trust .logos img {
    display: inline;
}
.jcf-hidden {
    display: block !important;
    position: absolute !important;
    left: -9999px !important;
}
.chk-area,
.chk-checked {
    width: 15px !important;
    height: 16px;
    overflow: hidden;
    background: url(/images/checkbox.png) no-repeat 0 -16px;
    float: right;
    position: relative;
    z-index: 2;
}
.chk-checked {
    background-position: 0 0;
}
.selectArea {
    position: relative;
    height: 36px;
    float: left;
    color: #000;
    font-size: 18px;
    line-height: 36px;
}
.selectArea .left {
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 100%;
    background: url(/images/select-left.gif) no-repeat;
    display: block;
}
.selectArea a.selectButton {
    position: absolute;
    top: 0;
    right: -2px;
    width: 100%;
    height: 100%;
    background: url(/images/select-button.gif) no-repeat 100% 0;
}
.selectArea .center {
    height: 36px;
    line-height: 36px;
    display: block;
    padding: 0 38px 0 14px;
    background: url(/images/select-center.gif) repeat-x;
}
.selectArea .center img {
    float: left;
}
.optionsDivInvisible,
.optionsDivVisible {
    position: absolute;
    background-color: #e5e5e5;
    border: 1px solid #c9c9c9;
    display: block;
    z-index: 1100;
    font-size: 11px;
}
.optionsDivScroll ul {
    height: 205px;
    overflow: auto !important;
    overflow-x: hidden !important;
}
.drop-dif {
    background: #9cc;
}
.optionsDivInvisible {
    display: none;
}
.optionsDivVisible ul {
    margin: 0;
    padding: 2px;
    overflow: hidden;
    list-style: none;
}
.optionsDivVisible ul li {
    float: left;
    width: 100%;
}
.drop-country-select ul li:first-child,
.drop-card-type ul li:first-child {
    display: none;
}
.optionsDivVisible a {
    color: #000;
    overflow: hidden;
    text-decoration: none;
    display: block;
    height: 1%;
    padding: 2px 4px;
}
.optionsDivVisible a img {
    border: none;
    float: left;
}
.optionsDivVisible a:hover {
    background-color: #2f384e;
    color: #fff;
    text-decoration: none;
}
.select-area {
    position: relative;
    height: 36px;
    float: left;
    color: #000;
    font-size: 18px;
    line-height: 36px;
}
.select-area .left {
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 100%;
    background: url(/images/select-left.gif) no-repeat;
    display: block;
}
.select-area .select-opener {
    position: absolute;
    top: 0;
    right: -2px;
    width: 100%;
    height: 100%;
    background: url(/images/select-button.gif) no-repeat 100% 0;
}
.select-area .center {
    height: 36px;
    line-height: 36px;
    display: block;
    padding: 0 38px 0 14px;
    background: url(/images/select-center.gif) repeat-x;
}
.select-area .center img {
    float: left;
}
.select-options {
    position: absolute;
    background-color: #e5e5e5;
    border: 1px solid #c9c9c9;
    display: block;
    z-index: 1100;
    font-size: 11px;
}
.select-options .drop-holder {
    overflow: hidden;
    height: 1%;
}
.select-options ul {
    margin: 0;
    padding: 2px;
    list-style: none;
}
.drop-dif {
    background: #9cc;
}
.select-options ul li {
    float: left;
    width: 100%;
}
select .default,
.select-options .default {
    display: none;
}
.select-options ul a {
    color: #000;
    overflow: hidden;
    text-decoration: none;
    display: block;
    height: 1%;
    padding: 2px 4px;
}
.select-options a img {
    border: none;
    float: left;
}
.select-options .item-selected a,
.select-options a:hover {
    background-color: #2f384e;
    color: #fff;
    text-decoration: none;
}
.link-holder1 {
    text-align: left;
}
.box h3.more {
    text-transform: uppercase;
    font-size: 11px;
    line-height: 13px;
    color: #dd6b00;
    font-weight: 700;
    margin: 0 0 15px;
    background: url(/images/separator-05.png) repeat-x 0 50%;
}
.box h3.more span {
    background: #fff;
    padding-right: 7px;
}
.popup {
    width: 704px;
    padding: 0 22px 22px;
    position: absolute;
    top: 120px;
    background: #fff;
    overflow: hidden;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 0 #000;
    box-shadow: 0 0 0 0 #000;
    behavior: url(js/PIE.htc);
    position: absolute;
    color: #333;
    top: 0 !important;
}
.open-popup-alt.hidden {
    display: none;
}
.popup-signup {
    color: #fff;
}
.popup .close {
    position: absolute;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/ico-close.png) no-repeat;
    width: 19px;
    height: 18px;
    top: 7px;
    right: 7px;
}
.popup .popup-heading {
    margin: 0 -22px;
    background: #2076d5
        url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIwNzZkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjU4YjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #2076d5 0%, #0258b7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2076d5), color-stop(100%, #0258b7));
    background: -webkit-linear-gradient(top, #2076d5 0%, #0258b7 100%);
    background: -o-linear-gradient(top, #2076d5 0%, #0258b7 100%);
    background: -ms-linear-gradient(top, #2076d5 0%, #0258b7 100%);
    background: linear-gradient(to bottom, #2076d5 0%, #0258b7 100%);
    -pie-background: linear-gradient(#2076d5 0%, #0258b7 100%);
    -webkit-box-shadow: 0 1px 1px 0 #cfcfcf, inset 0 1px 0 0 #468edd;
    box-shadow: 0 1px 1px 0 #cfcfcf, inset 0 1px 0 0 #468edd;
    text-align: center;
    color: #fff;
    padding: 8px 25px 6px;
    -webkit-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0 0;
    behavior: url(js/PIE.htc);
    position: relative;
}
.popup .popup-heading h2 {
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
}
.popup-loading {
    width: 100%;
    height: 382px;
    white-space: nowrap;
    text-align: center;
}
.popup-loading:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 100%;
}
.popup-loading > span {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 17px;
    font-weight: 700;
    color: #333;
    padding: 79px 10px 10px;
    background: url(/images/loading.gif) no-repeat 50% 0;
    position: relative;
    top: -32px;
}
* + html .popup-loading > span {
    left: -2px;
}
.popup-content {
    margin: 0 -22px -22px;
    padding: 11px 22px 22px;
    overflow: hidden;
    -webkit-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px;
    behavior: url(js/PIE.htc);
    position: relative;
}
.popup-login .popup-content {
    background: #f9e6ac url(/images/bg-popup1.jpg) no-repeat;
}
.popup-signup .popup-content {
    background: #022d7f url(/images/bg-popup2.jpg) no-repeat;
}
.popup-content .left-col {
    float: left;
    width: 295px;
    text-align: center;
    font-size: 14px;
    line-height: 15px;
    font-weight: 700;
}
.popup-content .popup-logo {
    display: block;
    margin: 0 0 5px -9px;
    text-align: left;
}
.popup-content .left-col h3 {
    font-size: 24px;
    line-height: 24px;
    margin: 0 0 10px;
}
.popup-content .left-col p {
    margin: 0 0 10px;
}
.popup-content .left-col .image {
    display: block;
    margin: 0 0 -22px 44px;
    text-align: left;
}
.popup .form-box {
    float: right;
    width: 407px;
}
.popup .form-box .box-frame {
    text-align: right;
    margin: 0 0 8px;
    font-weight: 700;
    font-size: 13px;
    line-height: 15px;
}
.popup-signup .popup .form-box .box-frame {
    color: #fff;
}
.popup .form-box .box-frame .button {
    display: inline-block;
    vertical-align: middle;
    background: #2f80d9
        url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJmODBkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDYzZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #2f80d9 0%, #0063d0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2f80d9), color-stop(100%, #0063d0));
    background: -webkit-linear-gradient(top, #2f80d9 0%, #0063d0 100%);
    background: -o-linear-gradient(top, #2f80d9 0%, #0063d0 100%);
    background: -ms-linear-gradient(top, #2f80d9 0%, #0063d0 100%);
    background: linear-gradient(to bottom, #2f80d9 0%, #0063d0 100%);
    -pie-background: linear-gradient(#2f80d9 0%, #0063d0 100%);
    behavior: url(js/PIE.htc);
    -webkit-border-radius: 14px;
    border-radius: 14px;
    font-size: 13px;
    line-height: 15px;
    padding: 4px 11px;
    font-weight: 700;
    color: #fff;
    border: 1px solid #0063d0;
    -webkit-box-shadow: 0 1px 1px 0 #5d5640, inset 0 1px 0 0 #72a9e5;
    box-shadow: 0 1px 1px 0 #5d5640, inset 0 1px 0 0 #72a9e5;
    height: auto;
    margin: 0 0 0 7px;
    position: relative;
    text-align: center;
    min-width: 50px;
}
.popup .form-box .box-frame .button:hover {
    background: #2f8ff9
        url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJmOGZmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDc2ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #2f8ff9 0%, #0076f8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2f8ff9), color-stop(100%, #0076f8));
    background: -webkit-linear-gradient(top, #2f8ff9 0%, #0076f8 100%);
    background: -o-linear-gradient(top, #2f8ff9 0%, #0076f8 100%);
    background: -ms-linear-gradient(top, #2f8ff9 0%, #0076f8 100%);
    background: linear-gradient(to bottom, #2f8ff9 0%, #0076f8 100%);
    -pie-background: linear-gradient(#2f8ff9 0%, #0076f8 100%);
}
.popup .form-box .box-holder {
    padding: 0 13px 22px 22px;
    background: #fff;
    behavior: url(js/PIE.htc);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 7px 0 #000;
    box-shadow: 0 0 7px 0 #000;
    position: relative;
}
.popup .form-box .box-heading {
    margin: 0 -13px 9px -22px;
    behavior: url(js/PIE.htc);
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    border: 1px solid #181718;
    padding: 14px 10px 10px 19px;
    background: #244b76
        url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0NGI3NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMzMwNjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #244b76 0%, #033061 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #244b76), color-stop(100%, #033061));
    background: -webkit-linear-gradient(top, #244b76 0%, #033061 100%);
    background: -o-linear-gradient(top, #244b76 0%, #033061 100%);
    background: -ms-linear-gradient(top, #244b76 0%, #033061 100%);
    background: linear-gradient(to bottom, #244b76 0%, #033061 100%);
    -pie-background: linear-gradient(#244b76 0%, #033061 100%);
    -webkit-box-shadow: 0 1px 1px 0 #cfcfcf, inset 0 1px 0 0 #5c7998;
    box-shadow: 0 1px 1px 0 #cfcfcf, inset 0 1px 0 0 #5c7998;
    position: relative;
    overflow: hidden;
    color: #fff;
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
}
.popup-signup .form-box .box-heading {
    color: #1c1c1c;
    background: #fbde7e
        url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZGU3ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGM1MTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fbde7e 0%, #f8c518 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbde7e), color-stop(100%, #f8c518));
    background: -webkit-linear-gradient(top, #fbde7e 0%, #f8c518 100%);
    background: -o-linear-gradient(top, #fbde7e 0%, #f8c518 100%);
    background: -ms-linear-gradient(top, #fbde7e 0%, #f8c518 100%);
    background: linear-gradient(to bottom, #fbde7e 0%, #f8c518 100%);
    -pie-background: linear-gradient(#fbde7e 0%, #f8c518 100%);
    border: none;
    border-top: 1px solid #fef8e2;
    -webkit-box-shadow: 0 1px 1px 0 #949494;
    box-shadow: 0 1px 1px 0 #949494;
}
.popup .form-box .box-heading h2 {
    float: left;
    font-size: 28px;
    line-height: 30px;
    margin: 0;
}
.popup .form-box .box-heading .right {
    float: right;
}
.popup .form-box .box-heading .facebook {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/btn-facebook.png) no-repeat;
    width: 196px;
    height: 30px;
    margin: 0 0 0 9px;
}
.popup .form {
    color: #333;
    position: relative;
    padding-right: 104px;
    min-height: 255px;
}
.popup .form .required {
    display: block;
    text-align: right;
    font-size: 11px;
    line-height: 12px;
    color: #7b7b7b;
    margin-right: -104px;
    position: relative;
    width: 372px;
}
.popup .form label {
    display: block;
    margin: 0 0 2px;
    font-size: 14px;
    line-height: 16px;
    color: #333;
    font-weight: 700;
}
* + html .popup .form label {
    float: left;
    width: 100%;
    margin: 0;
}
.popup .form label span {
    font-size: 11px;
    line-height: 13px;
    color: #7b7b7b;
    display: inline-block;
    vertical-align: bottom;
}
.popup .form .text-holder {
    display: block;
    margin: 0 -11px 7px 0;
    position: relative;
    width: 279px;
}
.popup .form input[type="text"],
.popup .form input[type="password"] {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #c3c3c3;
    background: #f7f7f7;
    -webkit-box-shadow: inset 0 5px 4px 0 #dedede;
    box-shadow: inset 0 5px 4px 0 #dedede;
    color: #333;
    font-size: 14px;
    line-height: 16px;
    height: 16px;
    padding: 5px 10px;
    width: 257px;
    behavior: url(js/PIE.htc);
    position: relative;
}
.popup .error1 input[type="text"],
.popup .error1 input[type="password"],
.popup .form .error input[type="text"],
.popup .form .error input[type="password"] {
    background: #fdf8e7;
    border-color: #f7bf00;
}
.popup .signin-area .field:focus,
.popup .form input[type="text"]:focus,
.popup .form input[type="password"]:focus {
    border-color: #7faefc;
    -webkit-box-shadow: inset 0 5px 4px 0 #dedede, 0 0 7px 0 #dbeafa;
    box-shadow: inset 0 5px 4px 0 #dedede, 0 0 7px 0 #dbeafa;
    background: #fff;
}
.popup .error-box,
.popup .error-text {
    display: block;
    text-align: right;
    text-transform: uppercase;
    color: #b80000;
    font-size: 11px;
    line-height: 13px;
    position: relative;
}
.popup .container .error-box,
.popup .container .error-text {
    padding-right: 4px;
}
.popup .fail .select-holder:after,
.popup .fail .select-holder.after,
.popup .fail .text-holder:after,
.popup .fail .text-holder.after,
.popup .fail .holder:after,
.popup .fail .holder.after,
.popup .error1:after,
.popup .error1 .after,
.popup .form .error:after,
.popup .form .error .after {
    position: absolute;
    content: "";
    right: -22px;
    top: 6px;
    border: solid transparent;
    border-width: 9px 13px 9px 0;
    border-right-color: #c63333;
    height: 0;
    width: 0;
    z-index: 10;
}
.billing-box .error-box {
    display: none;
}
.billing-box .fail .error-box {
    display: block;
}
.popup .btn-red,
.popup .form input[type="submit"] {
    overflow: visible;
    background: #ba0719
        url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JhMDcxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3YTAwMGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ba0719 0%, #7a000c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ba0719), color-stop(100%, #7a000c));
    background: -webkit-linear-gradient(top, #ba0719 0%, #7a000c 100%);
    background: -o-linear-gradient(top, #ba0719 0%, #7a000c 100%);
    background: -ms-linear-gradient(top, #ba0719 0%, #7a000c 100%);
    background: linear-gradient(to bottom, #ba0719 0%, #7a000c 100%);
    -pie-background: linear-gradient(#ba0719 0%, #7a000c 100%);
    behavior: url(js/PIE.htc);
    -webkit-border-radius: 20px;
    border-radius: 20px;
    font-size: 16px;
    line-height: 30px;
    padding: 0 24px 1px;
    font-weight: 700;
    color: #fff;
    border: 1px solid #800d18;
    -webkit-box-shadow: 0 1px 1px 0 #737373, inset 0 1px 0 0 #d1646e;
    box-shadow: 0 1px 1px 0 #737373, inset 0 1px 0 0 #d1646e;
    height: 30px;
    margin: 24px 0 11px;
    cursor: pointer;
    position: relative;
    display: block;
    text-align: center;
}
* + html .popup .form input[type="submit"] {
    float: left;
}
* + html .popup .form .btn-holder {
    display: block;
    width: 100%;
    margin: 24px 0 11px;
}
.popup-signup .form input[type="submit"] {
    margin: 11px 0 18px;
}
* + html .popup.popup-signup .form .btn-holder {
    margin: 11px 0 18px;
}
* + html .popup .form .btn-holder input[type="submit"] {
    margin: 0;
}
.popup .btn-red:hover,
.popup .form input[type="submit"]:hover {
    background: #de071b
        url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlMDcxYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNjAwMTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #de071b 0%, #b60011 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #de071b), color-stop(100%, #b60011));
    background: -webkit-linear-gradient(top, #de071b 0%, #b60011 100%);
    background: -o-linear-gradient(top, #de071b 0%, #b60011 100%);
    background: -ms-linear-gradient(top, #de071b 0%, #b60011 100%);
    background: linear-gradient(to bottom, #de071b 0%, #b60011 100%);
    -pie-background: linear-gradient(#de071b 0%, #b60011 100%);
}
.popup .form .terms,
.popup .form .forgot {
    display: block;
    font-size: 11px;
    line-height: 13px;
    font-weight: 700;
}
.popup .form .forgot a {
    font-weight: 400;
}
.popup .form .terms {
    font-weight: 400;
    margin: 0 40px 0 0;
    color: #7b7b7b;
}
.popup .form .terms a {
    text-decoration: underline;
    color: #7b7b7b;
}
.popup .form .terms a:hover {
    text-decoration: none;
}
.popup .poweredby {
    position: absolute;
    right: 0;
    bottom: 0;
}
.popup .error-message-text,
.popup .error-message {
    display: block;
    color: #b80000;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
}
.popup .form .error-message {
    padding: 10px 0 6px;
}
.popup .step-heading {
    margin: 0 -22px 24px;
    padding: 16px 140px 11px 22px;
    border-bottom: 1px solid #dedede;
    background: #f0f0f0;
    position: relative;
    height: 31px;
}
.popup .step-heading .poweredby {
    right: 22px;
    bottom: auto;
    top: 10px;
}
.popup .step-heading:after {
    content: "";
    display: block;
    clear: both;
}
.package-form h2 {
    text-align: center;
    font-size: 18px;
    line-height: 21px;
    margin: 0 0 8px;
}
.package-form h2 span {
    color: #b80000;
}
.package-list {
    overflow: hidden;
    padding: 0 0 13px;
    border-bottom: 3px solid #d2d2d2;
    margin: 0 0 15px;
}
.popup .signin-area .col2 .label,
.package-list label {
    float: left;
    width: 130px;
    background: #ccdefc;
    padding: 3px;
    margin: 0 0 0 6px;
    behavior: url(js/PIE.htc);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    text-align: center;
    z-index: 1;
}
.package-list label:hover {
    background: #a2c4fc;
}
.popup .signin-area .col2 .label,
.package-list label.checked {
    background: #4088d8;
}
.package-list css3-container:first-child + label,
.package-list label:first-child {
    margin-left: 0;
}
.popup .col2 .label .holder,
.package-list .holder {
    display: block;
    behavior: url(js/PIE.htc);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #a2c4fc;
    background: #ecf5fe;
    padding: 0 8px 9px;
    position: relative;
    height: 233px;
    z-index: -1;
}
.popup .col2 .label .holder,
.package-list label.checked .holder {
    border-color: #3571b3;
}
.popup .col2 .label .frame,
.package-list .frame {
    display: block;
    margin: 0 -8px;
    padding: 9px 0 43px;
    background: url(/images/bg-package.png) no-repeat 50% 0;
    behavior: url(js/PIE.htc);
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    height: 116px;
    position: relative;
}
.popup .col2 .label .title,
.package-list .title {
    display: block;
    font-size: 16px;
    line-height: 16px;
    color: #0055b2;
    font-weight: 700;
    text-transform: uppercase;
}
.popup .col2 .label .title span,
.package-list .title span {
    display: block;
    font-size: 46px;
    line-height: 46px;
    margin: 0 0 -4px;
}
.popup .col2 .label .image,
.package-list .image {
    height: 62px;
    display: block;
    white-space: nowrap;
}
.popup .col2 .label .image:after,
.package-list .image:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 100%;
}
.popup .col2 .label .image img,
.package-list .image img {
    vertical-align: middle;
}
.package-list input[type="radio"] {
    padding: 0;
    margin: 0;
    position: absolute;
    left: -9999px;
    top: auto;
}
.popup .col2 .label .bonus,
.package-list .bonus {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    padding: 0 10px;
    text-transform: uppercase;
    color: #bb3827;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
}
.popup .col2 .label .bonus span,
.package-list .bonus span {
    display: block;
}
.popup .col2 .label .bonus em,
.package-list .bonus em {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    padding: 1px 6px;
    background: #bf3c2b;
    behavior: url(js/PIE.htc);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17);
    font-style: normal;
    position: relative;
}
.popup .col2 .label .price,
.package-list .price {
    display: block;
    font-size: 32px;
    line-height: 32px;
    color: #0055b2;
    font-weight: 700;
    margin: 0 0 3px;
}
* + html .popup .col2 .label .price,
* + html .package-list .price {
    margin: -4px 0 1px;
}
.popup .col2 .label .price span,
.package-list .price span {
    display: inline-block;
    vertical-align: top;
    font-size: 24px;
    line-height: 24px;
    padding: 2px 0 0;
}
.popup .col2 .label .button,
.package-list .button {
    text-align: center;
    color: #1160b7;
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    padding: 7px;
    border: 1px solid #c1d2ee;
    behavior: url(js/PIE.htc);
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background: #fdfdfd
        url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #f0f0f0));
    background: -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 100%);
    background: -o-linear-gradient(top, #fdfdfd 0%, #f0f0f0 100%);
    background: -ms-linear-gradient(top, #fdfdfd 0%, #f0f0f0 100%);
    background: linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 100%);
    -pie-background: linear-gradient(#fdfdfd 0%, #f0f0f0 100%);
    height: 14px;
    position: relative;
    display: block;
}
.package-list label:hover .button {
    color: #fff;
    background: #3075c0
        url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwNzVjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDU1YjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #3075c0 0%, #0055b2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3075c0), color-stop(100%, #0055b2));
    background: -webkit-linear-gradient(top, #3075c0 0%, #0055b2 100%);
    background: -o-linear-gradient(top, #3075c0 0%, #0055b2 100%);
    background: -ms-linear-gradient(top, #3075c0 0%, #0055b2 100%);
    background: linear-gradient(to bottom, #3075c0 0%, #0055b2 100%);
    -pie-background: linear-gradient(#3075c0 0%, #0055b2 100%);
    border-color: #004b9d;
    -webkit-box-shadow: 0 1px 1px 0 #585b5f, inset 0 1px 0 0 #72a1d4;
    box-shadow: 0 1px 1px 0 #585b5f, inset 0 1px 0 0 #72a1d4;
    margin: 0 1px 0 0;
}
.popup .col2 .label .button,
.package-list .checked .button {
    color: #fff;
    background: #3e8bdd;
    -pie-background: #3e8bdd;
    border-color: #3e8bdd;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0 0 0 1px;
}
.package-list .button .selected {
    display: none;
}
.package-list .checked .button span {
    display: none;
}
.package-list .checked .button .selected {
    display: inline;
}
.popup .col2 .label.popular:after,
.popup .col2 .label.popular .after,
.package-list .popular:after,
.package-list .popular .after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(/images/bg-popular.png) no-repeat;
    width: 47px;
    height: 46px;
    z-index: 10;
}
.package-form .btn-red {
    margin: 0 auto 7px;
    width: 202px;
}
.package-form .btn-red:hover {
    text-decoration: none;
}
.package-form .card {
    display: block;
    margin: 0 auto 6px;
}
.package-form .or {
    display: block;
    margin: 0 auto 9px;
    width: 264px;
    text-transform: uppercase;
    color: #444;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    background: url(/images/separator-05.png) repeat-x 0 50%;
    text-align: center;
}
.package-form .or em {
    font-style: normal;
    padding: 0 9px;
    background: #fff;
}
.popup .cart-box h2 {
    float: none;
    background: none;
    padding: 0 0 4px;
    margin: 0 0 19px;
    font-size: 18px;
    line-height: 21px;
    border-bottom: 3px solid #cecece;
}
.popup .cart-box h2 em {
    font-size: 11px;
    line-height: 13px;
    color: #7b7b7b;
    font-style: normal;
}
.popup .billing-box {
    padding: 8px 0 2px;
    border: none;
    margin: 0;
    height: 1%;
}
.popup .col2 .label .title {
    height: auto;
    top: 0;
    padding: 0;
}
.popup .col2 .label .button {
    cursor: default;
}
.popup .billing-box .signin-area {
    padding: 0;
}
.popup .signin-area .col1 {
    width: 470px;
}
.popup .signin-area .col2 {
    width: 154px;
    text-align: center;
    font-size: 12px;
    line-height: 15px;
    padding: 5px 24px 0 0;
}
.popup .col2 .col-holder {
    margin: 0 0 5px;
    padding: 8px;
    border: 1px solid #cecece;
    behavior: url(js/PIE.htc);
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.popup .signin-area .col2 .label {
    float: none;
    margin: 0;
}
.popup .signin-area .col2 h3 {
    font-size: 13px;
    line-height: 15px;
    margin: -15px 0 5px;
    position: relative;
}
.popup .signin-area .col2 h3 span {
    background: #fff;
    padding: 0 2px;
}
.popup .signin-area .select-holder {
    overflow: visible;
    width: auto;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    width: 290px;
    position: relative;
}
.popup .signin-area label {
    display: inline-block;
    vertical-align: middle;
    width: 172px;
    text-align: right;
    margin: 0 4px 0 0;
    font-size: 13px;
    line-height: 15px;
    position: relative;
    padding: 1px 0;
}
* + html .popup .signin-area label {
    margin: -1px 5px 1px 0;
}
.popup .signin-area select {
    width: 288px;
}
.popup .signin-area .field {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 16px;
    height: 16px;
    width: 267px;
    float: none;
    margin: 0;
    border: 1px solid #c3c3c3;
    background: #f7f7f7;
    -webkit-box-shadow: inset 0 5px 4px 0 #dedede;
    box-shadow: inset 0 5px 4px 0 #dedede;
    position: relative;
}
.popup .signin-area .field3 {
    width: 28px;
}
.popup .signin-area .field2 {
    width: 54px;
}
.popup .signin-area .field4 {
    width: 78px;
}
.popup .select-area {
    float: none;
    display: block;
    font-size: 15px;
    height: 27px;
    line-height: 27px;
    border: 1px solid #c3c3c3;
    behavior: url(js/PIE.htc);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fbfbfb
        url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fbfbfb 0%, #f3f3f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #f3f3f3));
    background: -webkit-linear-gradient(top, #fbfbfb 0%, #f3f3f3 100%);
    background: -o-linear-gradient(top, #fbfbfb 0%, #f3f3f3 100%);
    background: -ms-linear-gradient(top, #fbfbfb 0%, #f3f3f3 100%);
    background: linear-gradient(to bottom, #fbfbfb 0%, #f3f3f3 100%);
    -pie-background: linear-gradient(#fbfbfb 0%, #f3f3f3 100%);
    -webkit-box-shadow: 0 1px 1px 0 #dedede;
    box-shadow: 0 1px 1px 0 #dedede;
    overflow: hidden;
}
.popup .select-area .left {
    display: none;
}
.popup .select-area .center {
    background: none;
    height: 27px;
    line-height: 27px;
    padding-left: 8px;
}
.popup .signin-area .container {
    margin: 0 -4px 8px 0;
}
* + html .popup .signin-area .container {
    margin-bottom: 6px;
}
* + html .popup .signin-area .container:hover {
    position: relative;
    z-index: 12;
}
.popup .select-area .select-opener {
    background: url(/images/select-button1.png) no-repeat;
    width: 29px;
    height: 28px;
    top: -1px;
    right: 0;
}
.popup .cards {
    text-align: right;
    font-size: 12px;
    line-height: 14px;
    color: #666;
    padding: 0 2px 13px;
}
.popup .cards img {
    vertical-align: middle;
}
.popup .text-holder {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    height: 1%;
    z-index: 1;
}
.popup .signin-area .help {
    float: none;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
}
* + html .popup .signin-area .hold,
* + html .popup .signin-area .text-holder,
* + html .popup .signin-area .select-holder,
* + html .popup .signin-area .container > .holder,
* + html .popup .signin-area .help {
    display: inline;
}
.popup .signin-area .container > .holder {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: auto;
}
* + html .popup .signin-area .container > .holder {
    display: inline;
}
.popup .signin-area .sep,
.popup .signin-area .hold {
    float: none;
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
}
.popup .signin-area .sep {
    padding: 0 5px 0 2px;
}
* + html .popup .signin-area .sep {
    padding: 0 8px 0 5px;
}
* + html .popup .signin-area .hold {
    margin-left: -3px;
}
.popup .signin-area .hold .field {
    display: block;
}
.popup .signin-area label span {
    font-size: 11px;
    line-height: 13px;
    display: block;
    color: #7b7b7b;
}
.popup .signin-area .hold span {
    margin-bottom: -12px;
    position: relative;
}
.popup .confirmation {
    border-top: 3px solid #cecece;
    padding: 1px 0 5px 10px;
    overflow: hidden;
}
.popup .confirmation .title {
    float: left;
    width: 163px;
    text-align: right;
    margin: 10px 23px 0 0;
    font-weight: 700;
    font-size: 13px;
    line-height: 15px;
}
.popup .confirmation dl {
    overflow: hidden;
    padding: 1px;
    font-size: 18px;
    line-height: 34px;
    color: #414141;
    font-weight: 700;
    margin: 0;
}
.popup .confirmation dl dt {
    float: left;
    margin: 0 2px 0 0;
}
.popup .confirmation dl dd {
    color: #b80000;
    border-top: 1px solid #cecece;
    margin: 0;
}
.popup .confirmation dl > :first-child + dd {
    border: none;
}
.popup .payment {
    font-size: 11px;
    line-height: 13px;
    color: #7b7b7b;
    margin-left: 197px;
    height: 1%;
}
.popup .payment .btn-red {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
    min-width: 91px;
}
.popup .payment .text {
    display: inline-block;
    vertical-align: middle;
    width: 265px;
}
.popup .payment .text a {
    text-decoration: underline;
    color: #7b7b7b;
}
.popup .payment .text a:hover {
    text-decoration: none;
}
.popup .signin-area .error-message-text,
.popup .signin-area .error-message {
    margin: 0 0 10px;
}
.popup .signin-area .text-holder1.error1 .error-text,
.popup .signin-area .holder.error1 .error-text,
.popup .signin-area .text-holder .error-box,
.popup .signin-area .holder .error-box {
    position: absolute;
    left: 100%;
    top: 8px;
    white-space: nowrap;
    margin-left: 30px;
}
.popup .signin-area .holder.error1 .error-text {
    position: absolute;
    left: 100%;
    top: 8px;
    white-space: nowrap;
    margin-left: 30px;
}
.thank-block {
    padding: 9px 0 51px 26px;
    height: 1%;
}
.thank-block img {
    float: left;
    margin: 0 50px 0 0;
}
.thank-block .block-holder {
    padding: 30px 0 0;
    font-size: 12px;
    line-height: 15px;
    overflow: hidden;
    width: auto;
}
.thank-block h2 {
    background: #c1e770;
    margin: 0 0 12px;
    font-size: 18px;
    line-height: 21px;
    padding: 6px 10px;
}
.thank-block h3 {
    font-size: 30px;
    line-height: 30px;
    margin: 0 0 10px;
}
.thank-block h3 .number {
    color: #b80000;
}
.thank-block .btn-holder {
    margin: 0 0 37px;
}
.thank-block .btn-red {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
    padding: 0 19px 1px;
}
.thank-block .close {
    position: static;
    background: none;
    text-indent: 0;
    width: auto;
    height: auto;
}
.thank-block .holder {
    font-weight: 700;
    padding: 6px 0 0;
    border-top: 1px solid #d2d2d2;
}
.popup .signin-area .help .tooltip,
.popup .signin-area .show-tooltip .tooltip {
    top: -9999px;
    left: -9999px;
}
.popup .signin-area .help:hover .tooltip,
.popup .signin-area .show-tooltip.help:hover .tooltip {
    top: -43px;
    left: 35px;
}
.thank-block:after,
.popup .payment:after {
    content: "";
    display: block;
    clear: both;
}
.popup .signin-area .error-message-text {
    display: none;
}
.form-error .signin-area .error-message-text {
    display: block;
}