/*
 *  General
 */

#content {
    clear: both;
    font-family: Arial;
    background: url('/images/store/bg_strip.png') repeat-x 0 0;
}
.black-friday #content {
    background: url('/images/store/bg_black_friday.png') repeat-x 0 0;
}
.x-mas #content{
    background: url('/images/store/bg_xmas.png') repeat-x 0 0;
    position:relative;
}
.x-mas #content #flakes_bg{
    position:absolute;
    right:0;
    left:0;
    top:0px;
    width:100%;
    height:359px;
    background: url('/images/store/flakes.png') no-repeat center 0;
}
.comments #content{
    background: url('/images/store/bg_strip_comments.png') repeat-x 0 0;
}
.help_popup{
    position:fixed;
    bottom:15px;
    left:15px;
    z-index: 3;
}
.help_popup .help-preview{
    position:absolute;
    bottom:0;
    left:0;
    padding:7px 0 0 0;
    box-sizing: border-box;
    width:129px;
    height:174px;
    display:block;
    text-align: center;
    /* Firefox v3.5+ */
    -moz-box-shadow:0px 0px 3px rgba(0,0,0,0.3);
    /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    box-shadow:0px 0px 3px rgba(0,0,0,0.3);
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    cursor:pointer;
    background-color: #fff;
}
.black-friday .help_popup .help-preview, .x-mas .help_popup .help-preview {
    background-color: #fff;
}
.help_popup .help-preview .help_small_logo{
    background: url('/images/store/store_popup_logo_small.png');
    width:61px;
    height:21px;
    dispaly:block;
    margin:0 0 0 7px
}
.help_popup .help-preview .help_girl_img{
    background: url('/images/store/store_popup_img_small.png') no-repeat center 0;
    width:100%;
    height:103px;
    dispaly:block;
    margin:6px 0 0 0;
}
.help_popup .help-form .help_girl_img{
    background: url('/images/store/store_popup_img_big.png') no-repeat center 0;
    width:100%;
    height:163px;
    dispaly:block;
    margin:18px 0 0 0;
}
.help_popup .help-preview p{
    font-family: levenim, arial;
    font-size:18px;
    font-weight:bold;
    color:rgb(85,178,193);
    margin-top:12px;
}
.help_close_btn{
    background: url('/images/store/close_btn_sprite.png') no-repeat 0 0;
    position:absolute;
    top:5px;
    right:5px;
    width:20px;
    height:21px;
    display:block;
}
.help-form .help_close_btn{
    top:10px;
    right:10px;
}
.help-form .form_box{
    position:relative;
    margin:30px 0 0 30px;
}
.help-form .form_box .error_message{
    position:absolute;
    top:-20px;
    left:106px;
    font-family: levenim, arial;
    font-size:14px;
    color:rgb(178,0,0);
}
.help_close_btn:hover{
    background-position: 0 -21px;
}
.help_close_btn:active{
    background-position: 0 -42px;
}
.help_popup .help-form{
    position:absolute;
    background-color: #fff;
    bottom:0;
    left:0;
    display:none;
    width:430px;
    height:500px;
    /* Firefox v3.5+ */
    -moz-box-shadow:0px 0px 10px rgba(0,0,0,0.4);
    /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    box-shadow:0px 0px 10px rgba(0,0,0,0.4);
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding:17px 0 0 0;
}
.help_popup .help-form .help_popup_logo{
    background: url('/images/store/store_popup_logo_big.png') no-repeat 0 0;
    width:99px;
    height:44px;
    dispaly:block;
    margin:0 0 0 15px;
}
.help_popup #help_form .input_row{
    margin-bottom: 7px;
}
.help_popup #help_form label{
    width:97px;
    display:inline-block;
    font-family: levenim, arial;
    font-size:16px;
    color:rgb(102,102,102);
    font-weight: normal;
}
.help_popup #help_form label[for="Comments:"]{
    vertical-align: top;
}
.help_popup #help_form input, .help_popup #help_form select, .help_popup #help_form textarea{
    width:270px;
    height:22px;
    background-color: transparent;
    border-color:rgb(221,221,221);
    border-width:1px;
    /* Firefox v1.0+ */
    -moz-border-radius:4px ;
    /* Firefox v4.0+ , Safari v5.0+ ,Chrome v4.0+ , Opera v10.5+ and by IE v9.0+ */
    border-radius:4px ;
    border-style:solid;
    outline: none;
    padding:0 0 0 7px;
    box-sizing: border-box;
    margin:0;
    display: inline-block;
}
.help_popup #help_form textarea{
    resize: none;
    height:44px;
}
.help_popup #help_form input#prefix, .help_popup #help_form input#prefix2{
    width:40px;
    margin-right:7px;
}
.help_popup #help_form input#phone{
    width:170px;
}
.help_popup #help_form input[type="submit"]{
    font-family: levenimbd, arial;
    font-size:25px;
    letter-spacing:1pt;
    color:rgb(255,254,254);
    text-align:center;
    background-color:rgb(43,171,191);
    width:167px;
    height:39px;
    border-color:rgb(38,171,191);
    border-width:1px;
    border-style:solid;
    /* Firefox v3.5+ */
    -moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.6);
    /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    box-shadow:0px 0px 5px 0px rgba(0,0,0,0.6);
    /* Firefox v1.0+ */
    -moz-border-radius:20px ;
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-radius:20px ;
    /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
    border-radius:20px ;
    /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    text-shadow:0px -2px 0px rgba(0,0,0,0.2);
    line-height: 160%;
    cursor:pointer;
    display:block;
    margin:15px 0 0 101px;
}
.help_popup #help_form input[type="submit"]:hover{
    background: #63dff1;
    background: -moz-linear-gradient(top, #63dff1 0%, #109fb4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#63dff1), color-stop(100%,#109fb4));
    background: -webkit-linear-gradient(top, #63dff1 0%,#109fb4 100%);
    background: -o-linear-gradient(top, #63dff1 0%,#109fb4 100%);
    background: -ms-linear-gradient(top, #63dff1 0%,#109fb4 100%);
    background: linear-gradient(to bottom, #63dff1 0%,#109fb4 100%);
}
.help_popup #help_form input[type="submit"]:active{
    /* Firefox v3.6+ */
    background-image:-moz-linear-gradient(35% -4% -90deg,rgb(32,129,142) 0%,rgb(92,202,218) 100%);
    /* Opera v11.10+ */
    background-image:-o-linear-gradient(-90deg,rgb(32,129,142) 0%,rgb(92,202,218) 100%);
    /* IE v10+ */
    background-image:-ms-linear-gradient(-90deg,rgb(32,129,142) 0%,rgb(92,202,218) 100%);
    background-image:linear-gradient(-90deg,rgb(32,129,142) 0%,rgb(92,202,218) 100%);
}
.help_popup #thanku_message{
    background: url('/images/store/Store_thank_you_indicator.png') no-repeat 41px 0;
    font-family: levenim, arial;
    font-size:16px;
    line-height:120%;
    color:rgb(63,166,180);
    display:block;
    text-align: center;
    margin-top:112px;
}

/*
 *   Header
 */
header {
    width: 100%;
    height: 160px;
}

.main_store header {
    width: 1080px;
    height: 160px;
    margin:0 auto;
    padding:60px 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.main_store.black-friday header, .main_store.x-mas header{
    padding:30px 30px;
    height:100px;
}
.main_store.x-mas header{
    padding: 23px 30px;
}
header h1 {
    text-align: center;
    padding: 18px 46px;
}
.main_store header h1 {
    padding: 0;
    width:187px;
    text-align: center;
    float:left;
}
.main_store.black-friday header h1{
    float:none;
}
header h1 a {
    background: url('/images/store/store_sprite_v2.png');
    text-indent: -9999px;
    display: block;
    width: 187px;
    height: 63px;
}
header #title {
    margin: -95px auto;
    width: 573px;
    text-align: center;
    padding-top: 50px;
    position: relative;
}
.main_store header #title {
    margin: -49px auto;
    width: 573px;
    text-align: center;
    position: relative;
    float:left;
}
.main_store.black-friday #title, .main_store.x-mas #title{
    width: 100%;
    background: url('/images/store/strip.png') repeat-x 0 0;
    float:none;
    margin:15px 0 0 0;
    height:80px;
    padding-top:15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.main_store.x-mas #title{
    margin-top:4px;
}
.main_store.black-friday #title .title_text, .main_store.x-mas #title .title_text{
    width:1080px;
    height:100%;
    margin:0 auto;
    display:block;
    position:relative;
}
#title h2 {
    font: bold 31pt levenim, Arial;
    color: black;
}
.main_store #title h2 {
    font: bold 31pt levenim, Arial;
    font-size:42px;
    color:rgb(63,166,180);
    font-weight: normal;
}
.main_store.black-friday #title h2, .main_store.x-mas #title h2{
    width:100%;
    display:block;
    text-align: center;
    font-size:40px;
    color:rgb(255,255,255);
}
.main_store.black-friday #title .strip_left_img{
    position:absolute;
    background: url('/images/store/strip_left.png') no-repeat 0 0;
    width:118px;
    height:80px;
    display:block;
    top:-15px;
    left:-118px;
}
.main_store.black-friday #title .strip_right_img{
    position:absolute;
    background: url('/images/store/strip_with_tag.png') no-repeat 0 0;
    width:309px;
    height:152px;
    display:block;
    top:-62px;
    right:0;
}
.main_store.x-mas #title .strip_right_img{
    position:absolute;
    background: url('/images/store/xmas_store_sprite.png') no-repeat 0 0;
    width:134px;
    height:208px;
    display:block;
    top:-119px;
    right:80px;
    z-index: 1;
}

#title p.subtitle {
    font: bold 16pt levenim, Arial;
    color: black;
}
div#title .discount {
    background: url('/images/store/premium_offer_page.png') 0 -493px no-repeat;
    display: block;
    width: 74px;
    height: 74px;
    text-indent: -9999px;
    top: 15px;
    position: absolute;
    right: -30px;
}

#title.tubed h2{
    background: url('/images/store/header_bg.png') repeat-x;
}
#title.tubed div{
    background-image: url('/images/store/header_sprite.png');
    position: absolute;
}
.tube_open {
    left: -26px;
    top: 50px;
    width: 26px;
    height: 54px;
}
.tube_closing {
    right: -39px;
    top: 50px;
    width: 45px;
    height: 54px;
    background-position: -25px 0px;
}

/*
 *  Products
 */
#products {
    width: 1080px;
    margin: 0px auto;
    padding: 37px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.black-friday #products {
    padding-top:56px;
}
.comments #products p.comment {
    text-align: center;
    margin-top: 15px;
    font-family: levenim;
    font-size:14px;
}
.black-friday #products p.comment, .x-mas #products p.comment {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#fff;
    text-align: center;
    margin-top:33px;
}
.black-friday #products p.comment a, .x-mas #products p.comment a{
    color:#fff;
}
.product {
    float: left;
    margin: 0px 10px;
    border-radius: 20px;
    box-shadow: 0px 0px 4px #A0A0A0;
    border: 1px solid #B8B8B8;
    width:336px;
    height:465px;
    position: relative;
    background-color: #fff;
}
.black-friday .product {
    border:none;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
}
.black-friday .product .black_friday_ribbon, .x-mas .product .black_friday_ribbon {
    background: url('/images/store/black_friday_store_v1.png') 0 0 no-repeat;
    width:137px;
    height:123px;
    position: absolute;
    top: -7px;
    right: -7px;
}
.x-mas .product .black_friday_ribbon{
    background: url('/images/store/xmas_store_sprite.png') -134px 0 no-repeat;
    height:122px;
}
.product h3 {
    background-color: #6DC7D3;
    height:68px;
    color: white;
    text-align: center;
    width: 100%;
    border-radius: 20px 20px 0 0;
    border-top: 1px solid #47B6C8;
    padding: 20px 0 0 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font: normal 28px/25pt levenim, Arial;
}
.product p.subtitle {
    text-align: center;
    color:rgb(51,51,51);
    margin: 10px auto;
    font: 24px levenim, Arial;
}
.product .price {
    background: url('/images/store/premium_offer_page.png') 0 -358px no-repeat;
    display: block;
    height:62px;
    width:226px;
    text-indent: -9999px;
    margin: 20px auto;
}
.monthly_9 .product.basic_monthly .price{
    background: url('/images/store/premium_offer_page_updated.png') 0 -358px no-repeat;
}
.product ul.product_features {
    list-style: none;
    margin: 20px 0 0 47px;
}
.product ul.product_features li ul li{
    list-style: none;
    background: url('/images/store/Bullet.png') 0 4px no-repeat;
    padding-left:18px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size:14px;
    color:rgb(119,119,119);
    font-family: arial;
}
ul.product_features h4 {
    color:rgb(51,51,51);
    margin:0 0 0 0;
    font: 24px levenim, Arial;
}
ul.product_features h5{
    font-family: levenim, arial;
    font-weight: normal;
    font-size:16px;
    color:rgb(63,165,179);
    margin:0 0 8px 0;
}
ul.product_features p {
    font: 10pt levenim, Arial;
}
ul.product_features li {
    margin-bottom: 8px;
}
.product input[type="submit"] {
    background: url('/images/store/premium_offer_page.png') 0 -696px no-repeat;
    border: none;
    width: 198px;
    text-indent: -9999px;
    height: 40px;
    position: absolute;
    bottom: 8px;
    right: 65px;
    cursor: pointer;
}
.product input[type="submit"]:active {
    background-position:0 -736px;
}
.product .most_popular {
    background: url('/images/store/store_sprite_v2.png') -124px -404px no-repeat;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 107px;
    height: 73px;
    text-indent: -9999px;
}
/*
 *  Product types
 */
.basic_one_time h3 {
    background-color: #1B8697;
    border-top: 1px solid #3996A5;
}
.basic_one_time .price {
    background-position: 0 -91px;
}
.black-friday .basic_one_time .price, .x-mas .basic_one_time .price {
    background: url('/images/store/black_friday_store_v1.png') 0 -213px no-repeat;
}
.premium_one_time h3 {
    background-color: #000;
    border-top: 1px solid #222;
}
.premium_one_time .price {
    background-position: 0 -431px;
}
.black-friday .premium_one_time .price, .x-mas .premium_one_time .price {
    background: url('/images/store/black_friday_store_v1.png') 0 -341px no-repeat;
}
.basic_monthly.product input[type="submit"] {
    background-position: 0 -277px;
}
.basic_monthly.product input[type="submit"]:active {
    background-position:0 -317px;
}
.premium_one_time.product input[type="submit"] {
    background-position: 0 -616px;
}
.premium_one_time.product input[type="submit"]:active {
    background-position:0 -656px;
}

#payment_details {
    clear: both;
}
#payment_details p {
    background: url('/images/store/pay_methods.gif') 0 -2px no-repeat;
    width: 251px;
    height: 0px;
    margin: 10px auto;
    padding-top: 95px;
    text-align: center;
    font: 14pt Arial;
    color: #404040;
}
.x-mas #payment_details p{
    background: url('/images/store/xmas_store_sprite.png') 0 -398px no-repeat;
    width:352px;
    height:42px;
    padding:0;
}
.comments #payment_details p{
    background: url('/images/store/pay_methods_comments.png') 0 0 no-repeat;
}
#no_uid_user{
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-color:rgba(0,0,0,0.8);
    z-index:9999;
    display:none;
}
#message_box{
    background:url('/images/store/no_uid_bg.png') 0 0 no-repeat;
    margin:150px auto;
    width:496px;
    height:275px;
    display:block;
    padding-top:25px;
}
#message_box p{
    font-family: levenim, arial;
    font-size:20px;
    margin:0 0 0 110px;
    color:#3b3b3b;
    line-height:25px;
}
#message_box ol{
    margin:0 0 0 89px;
    padding:29px 0 0 0;
}
#message_box ol li{
    font-family:levenim, Arial;
    font-size:20px;
    color:#2babbf;
    margin:0 0 10px 0;
}
#message_box ol li span{color:#3b3b3b;}
#message_box ol li a{color:#3b3b3b; text-decoration: underline;}
/* Buy now page*/
.buy_now_page #title h2,
.authenticate_page #title h2{
    font: normal 25pt levenimbd, Arial;
    width: 585px;
    padding: 7px 30px;
}
.authenticate_page header #title,
.buy_now_page header #title{
    width: 651px;
}
/* Iframes */
iframe{
    border:0 solid;
}
iframe.registration{
    width:  535px;
    height: 400px;
}
iframe.plimus {
    width: 100%;
    height: 1300px;
}

.mobile-page iframe.plimus, iframe.plimus.mobile {
    width: 100%;
    min-height: 1300px;
}
.iframe-loader{
    position:absolute;
    top:170px;
    left:0;
    width:100%;
    height:400px;
    display:block;
    text-align: center;
    background:url('/images/store/store_gif_loader.gif') center 10px no-repeat transparent;
}

@media screen and (max-width:1200px){
    header #title { margin: -65px auto; }


}

@media only screen and (max-width: 1023px) {
    .help_popup {
        display:none !important;
    }
}