.signup-form-container,
.thankyou-background,
.signup-background,
.signup-form-container .cntr .input_text, .signup-form-container input,  .signup-form-container select{
    font-family: HelveticaNeueLT-Light,"Helvetica Neue",Helvetica,Arial,sans-serif;
    letter-spacing: normal;
    font-size: 14px; line-height: 1.5;
}

#addcb{ display: none!important; }

#member_login #sign_in{
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

body .fancybox-overlay{
    z-index:100000;
}
body .fancybox-opened{
    z-index:100001;
}
#complete-profile-button{
    cursor:pointer;
}
#form_message_container{
    padding-left:20px;
    font-size:12px;
    height:auto;
}

#complete_profile_button{
    cursor:pointer;
}
#sendreengagement{
    cursor:pointer;
}

.hide-more-info{
    display:none;
}

.white{
    color:#ffffff !important;
}
.thelabels{
    height:20px;
    font-size:12px;
    color:#666666;
}

.therightlabels{
    position:relative;
    top:-20px;
}

.terms-container{
    position:relative;
    top:10px;
    margin-top:0px;
}

.cntr-thankyou{
    padding:0px;
    width:940px;
    margin: 0 auto;
}
#thankyou_register_form{
    max-width:100%;
    width:880px;
    margin:0 auto;

}

.smallpopups{
    width:422px;
    height:266px;
    overflow:hidden;
    position:relative;
    cursor:pointer;
}

.smallpopups-text{
    position:relative;
    top:90px;
    left:60px;
    font-family:Times new roman;
    width:300px ;
    text-align:center;
    font-size:18px;
    color:#ffffff
}
#submit_final_form{
    cursor:pointer;
}
.fancybox-close{
    background-image:url('http://www.jamieoliver.com/_beta/signup/images/Close-Button.png');
    background-repeat:no-repeat;
    background-size:50px 50px;
    top:-15px;
    right:-10px;
    width:50px;
    height:50px !important;
}

#popup-img1{
    max-width: 100%;
    height:266px;
}

#popup-img2{
    max-width: 100%;
    height:266px;
}

#popup-img3{
    max-width: 100%;
    height:266px;
}

#signup{
    position:relative;
    top:0px;
    font-family:"Trebuchet MS", "Myriad Pro", Arial, sans-serif;
    font-size:14px;

}

.signup-background{
    background:#82d0be;
    height:600px;
}

.thankyou-background{
    background:#82d0be;

}

.signup-text{
    color:white;
    font-size:18px;
    width:730px;
    max-width:90%;
}
#signup .popup-text-link{
    color:#73c8b1;
}

#signup label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 13px;
}

#signup .displayinline {display: inline;}

#signup .fancybox-wrap22{
    top:20px !important;
}

#passwordDescription{
    font-size:12px;
    padding-left:20px;
    display:block;
}

#signup .sign-up-logo{
    margin-top:20px;
    margin-bottom:20px;
}

#form-wrapper {
    width:940px;
    margin: 0 auto;
}

#signup .submit-button{
    margin-top:25px;
    margin-bottom:5px;
}

.center{
    text-align:center;
}
#signup .left{
    float:left;
}
.signup-left{
    float:left;
}

#signup .right{
    float:right;
}
#signup .lightpadding{
    padding:15px;
}
#signup .clear{
    clear:both;
}
#signup .pointer{

    cursor:pointer;
}
#signup .checkbox-text{
    color:#ffffff;
    font-style:italic;
    font-size:16px;

}

p.signup-popup-terms{
    color:#ffffff;
    font-size:16px;
    font-style:italic;
    text-align: left;
}


/* Form Style */
#signup .signup_form_wrapper{
    position:relative;
    background:#fff;
    margin:0 auto;
    font-size:16px;
    padding-top:60px;

}
#signup .input-text{
    font-size: 12px;
    color:#666666;
    font-style:italic;
}
.input-text{
    font-size: 16px;
    color:#ffffff;
    font-style:italic;
}

#signup .signup_form_wrapper h3{
    padding:20px 30px 20px 30px;
    background-color:#444;
    color:#fff;
    font-size:25px;
    border-bottom:1px solid #ddd;
}
#signup .signup_form_wrapper form{
    display:none;
    background:#fff;
}
#signup .signup_form_wrapper .column{
    width:50%;
    float:left;
}


#thankyou .signup_form_wrapper .column{
    width:50%;
    float:left;
}

#signup .spacer{
    height:10px;
}

#signup form.active{
    display:block;
}
#signup form.login{
    width:350px;
}
#signup form.register{
    width:940px;
}
#signup firstscreen{
    width:418px;
    height:260px;
    background:url('http://www.jamieoliver.com/_beta/signup/images/example-pop-1.jpg');
}
#signup .signup_form_wrapper a{

    color:#0387c4;
    font-size:12px;
}
#signup .signup_form_wrapper a:hover{
    color:#666666;
}
#signup .signup_form_wrapper label{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    text-align:left;
    display:block;
}
#signup .signup_form_wrapper input[type="text"],
#signup .signup_form_wrapper input[type="password"]{
    border: solid 1px #82d0be;
    background: #FFFFFF;
    margin: 0px 0px 0px 0px;
    padding-left: 16px;
    display:block;
    font-size:16px;
    width:76%;
    color:#666666;
    font-style:italic;
    height:47px;
    width:380px;
}

#signup .signup_form_wrapper select{
    border: solid 1px #82d0be;
    background: #FFFFFF;
    margin: 0px 0px 0px 0px;
    padding-left: 16px;
    padding-top: 12px;
    padding-bottom: 16px;
    padding-right: 10px;
    display:block;
    font-size:16px;
    width:76%;
    color:#666666;
    font-style:italic;
    height:47px;
    width:400px;
}


#thankyou .signup_form_wrapper input[type="text"],
#thankyou .signup_form_wrapper input[type="password"]{
    border: solid 1px #82d0be;
    background: #FFFFFF;
    margin: 0px 0px 20px 0px;
    padding-left: 16px;
    display:block;
    font-size:16px;
    width:76%;
    color:#666666;
    font-style:italic;
    height:47px;
    width:418px;
    max-width:91%;
}

#thankyou .signup_form_wrapper select{
    border: solid 1px #82d0be;
    background: #FFFFFF;
    margin: 0px 0px 20px 0px;
    padding: 12px 10px 16px 16px;

    display:block;
    font-size:16px;
    width:76%;
    color:#666666;
    font-style:italic;
    height:50px;
    width:418px;
    max-width:95%;

}

#signup .signup_form_wrapper .intro-copy{
    font-size:16px;
    text-align:center;
    margin-bottom:40px;
    color:#666666;
}

.thankyou-copy{
    font-size:18px;
    text-align:center;
    color:#666666;

}

#signup .not_chosen {
    color: #808080;
}


input::-webkit-input-placeholder { color:#666666; }
input::-moz-placeholder { color:#000000; } /* firefox 19+ */
input:-ms-input-placeholder { color:#666666; } /* ie */


.input-required::-webkit-input-placeholder { color: #ffffff !important; }
.input-required::-moz-placeholder { color: #ffffff !important;  }
.input-required:-ms-input-placeholder { color: #ffffff !important; }

#passwordDescription{

    font-size:12px;
    padding-left:20px;
    padding-top:10px;
}

#signup .fix-bottom{
    margin-top:30%;
}

#signup .signup_form_wrapper a.forgot:hover{
    color:#000;
}
#signup .signup_form_wrapper div.remember{
    float:left;
    width:140px;
    margin:20px 0px 20px 30px;
    font-size:11px;
}
#signup .signup_form_wrapper div.remember input{
    float:left;
    margin:2px 5px 0px 0px;
}
#signup .signup_form_wrapper span.error{
    visibility:hidden;
    color:red;
    font-size:11px;
    font-style:italic;
    display:block;
    margin:4px 30px;
}
#signup .signup_form_wrapper input[type="submit"] {
    background: #e3e3e3;
    border: 1px solid #ccc;
    color: #333;
    font-family: "Trebuchet MS", "Myriad Pro", sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 0 9px;
    text-align: center;
    width: 150px;
    cursor:pointer;
    float:right;
    margin:15px 20px 10px 10px;
    text-shadow: 0px 1px 0px #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0px 0px 2px #fff inset;
    -webkit-box-shadow: 0px 0px 2px #fff inset;
    box-shadow: 0px 0px 2px #fff inset;
}
#signup .signup_form_wrapper input[type="submit"]:hover {
    background: #d9d9d9;
    -moz-box-shadow: 0px 0px 2px #eaeaea inset;
    -webkit-box-shadow: 0px 0px 2px #eaeaea inset;
    box-shadow: 0px 0px 2px #eaeaea inset;
    color: #222;
}

.signup-form-container{
    width:834px;
    padding-left:35px;
    padding-right:35px;
    background:#ffffff;
    overflow:hidden;
}

#signup .right{
    text-align:right;
}

#signup-badge{
    top:-68px;
    left:375px;

}

#complete-profile-table{
    display:block;
}

#complete-profile-table-ipad{
    display:none
}
.header-imageresponsive{

    max-width: 100%;

}
.small-popups-button{
    position:absolute;
    top:200px;
    left:128px;
    cursor:pointer;
}

#thankyou-morefinfo-badge{
    top:-65px;
    left:410px;
}

.signup-center-element{
    margin:0 auto;
    width:60%
}

/*
media queries ipad
*/
@media only screen
and (min-width : 768px)
and (max-width : 1024px)  {

    .hide-ipad{
        display:none;

    }


    .header-imageresponsive{

        max-width:90%;
    }

    .thelabels{

        height:15px;
        padding-right:20px;
    }

    #form_message_container{
        padding-left:0px;

    }



    #signup .signup_form_wrapper input[type="text"],
    #signup .signup_form_wrapper input[type="password"]{

        height:27px;
        margin:0 0 0px;
    }

    #signup .signup_form_wrapper select{
        padding:4px 10px 6px 16px;
        height:30px;
        margin:0 0 0px;
    }

    #thankyou .signup_form_wrapper input[type="text"],
    #thankyou .signup_form_wrapper input[type="password"]{
        max-width:91%;
        height:47px;
    }
    #thankyou .signup_form_wrapper select{
        height:50px;
        max-width:95%;

        padding-top:14px;
        padding-bottom:0px;
    }


    #signup .signup_form_wrapper a{

        font-size:12px;
    }



    #signup .right{
        float:none;
        text-align:none;
    }

    #signup .signup_form_wrapper .intro-copy{
        margin-bottom:20px;
        font-size:12px;
    }


    #signup .input-text{
        font-size:12px;
    }
    #signup .signup_form_wrapper{
        font-size:10px;

    }

    #signup .submit-button{
        margin-top:5px;
        width:150px;
    }

    #signup-badge{
        top:-68px;
        left:44%;

    }

    #passwordDescription{
        display:none;
    }
    #passwordDescriptionipad{
        font-size:12px;
        display:block;
    }

    #complete-profile-table-ipad{
        display:block;
    }

    #complete-profile-table{

        display:none;
    }

    #popup-signup-badge{
        left:375px !important;
    }

    #thankyou-morefinfo-badge{
        top:-65px;
        left:44%;
    }

}

/*
Landscape ipad
*/
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape)  {
    .header-imageresponsive{

        max-width:100%;
    }
}

/*
portrait ipad
*/
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
    #signup .signup_form_wrapper .column{
        padding-top:15px;
    }


    .terms-container{
        top:0px;
    }
    #form_message_container{
        height:auto;
    }
    #signup .mobile-center{
        margin:0 auto;
        width:60%
    }
    .signup-left{
        float:none;
    }
    #signup .more-info-center{
        margin:0 auto;
        width:90%
    }

    .header-imageresponsive{
        max-width:100%;
    }

    #signup .right{
        float:none;
        text-align:none !important;
    }

    #thankyou .signup_form_wrapper input[type="text"],
    #thankyou .signup_form_wrapper input[type="password"]{
        max-width:90%;
        height:47px;
    }
    #thankyou .signup_form_wrapper select{
        max-width:95%;
    }



    #signup .signup_form_wrapper input[type="text"],
    #signup .signup_form_wrapper input[type="password"]{
        max-width:90%;
    }

    #signup .signup_form_wrapper select{
        max-width:95%;
    }

    .fancybox-wrap .fancybox-desktop .fancybox-type-inline .fancybox-opened{
        width:500px !important;
    }


    .signup-form-container{
        width:500px;
    }

    #signup .signup_form_wrapper .column{
        float:none;
        width:100%;
        text-align:center;
        overflow:hidden;
    }


    #popup-signup-badge{
        left:275px !important;
    }

    #signup-badge{
        top:-68px;
        left:225px;
    }

    #thankyou-morefinfo-badge{
        top:-65px;
        left:43%;
    }

    #passwordDescription{
        display:none;
    }
    #passwordDescriptionipad{
        font-size:12px;
        display:block;
    }

    #complete-profile-table-ipad{
        display:block;
    }

    #complete-profile-table{

        display:none;
    }
}

/*
media queries iphone 5
*/
@media only screen
and (min-width : 320px)
and (max-width : 568px) {

    #popup-img1{
        height: auto;
    }

    #signup .signup_form_wrapper select{
        height:27px;
        max-width:100%;
        padding:4px 10px 4px 16px;
        margin:0 0 40px;
    }
    #signup .signup_form_wrapper input[type="text"],
    #signup .signup_form_wrapper input[type="password"]{
        height:27px;
        max-width:93%;
        margin:0 0 40px;
    }

    #signup .signup_form_wrapper a{
        font-size:12px;
    }
    .signup-form-container{
        max-width:90%;
    }

    .hide-mobile{
        display:none;
    }
    .fixit{
        padding-top:0px !important;
        padding-left:10px;
        padding-right:10px;
        padding-bottom:10px;
        width:100%;
        margin: 0 auto;
        max-width:100%;
    }

    #thankyou .signup_form_wrapper input[type="text"],
    #thankyou .signup_form_wrapper input[type="password"]{
        max-width:100%;
    }

    #thankyou .signup_form_wrapper select{
        max-width:100%;
    }

    #thankyou .signup_form_wrapper .column{
        float:none;
        width:100%;
    }
    #submit_final_form{
        max-width:90%;
    }

}


@media only screen
and (min-width : 320px)
and (max-width : 568px)
and (orientation : landscape) {

    #popup-img1{
        height: auto;
    }

    .hide-mobile{
        display:none;
    }

    .fixit{
        padding:10px;
        width:940px;
        margin: 0 auto;
        max-width:100%;
    }

    #thankyou .signup_form_wrapper input[type="text"],
    #thankyou .signup_form_wrapper input[type="password"]{
        max-width:96%;
        width:100%;
    }
    .opt-in-mobile{

        padding:10px;
    }
    #thankyou .signup_form_wrapper select{
        width:100%;
        max-width:100%;
    }

    #thankyou .signup_form_wrapper .column{
        float:none;
        width:100%;
    }
    #submit_final_form{

        max-width:90%;
    }
    #signup_form_wrapper{
        padding:10px;
    }

}


/*
media queries iphone 2G-4S 
*/
@media only screen
and (min-width : 320px)
and (max-width : 480px) {

    #popup-img1{
        height: auto;
    }

    #form_message_container{
        padding:0px;
        height:auto;
        margin-bottom:10px;
    }

    .error_fonts{
        font-size:12px;
    }

    #popup-moreinfo{
        position:relative;
        margin:5px;
        padding:5px;
        box-shadow:1px 5px 5px #333333;
        background:#ffffff;
    }


    .fancybox-close{
        background-image:url('http://www.jamieoliver.com/_beta/signup/images/Close-Button.png');
        background-repeat:no-repeat;
        background-size:50px 50px;
        top:-15px;
        right:-10px;
        width:50px;
        height:50px !important;
    }

    #signup .signup_form_wrapper .intro-copy{

        margin-bottom:20px;
    }

    #popup-badge{
        background-size:70px 70px !important;
        left:-12px !important;
        top:-28px !important;
    }

    #thankyou-morefinfo-badge{
        left:43%;
        top:-35px;
        background-size:70px 70px !important;
        width:70px;
        height:70px;
    }

    .thankyou-copy{
        font-size:13px;
    }
    .signup-left{

        float:none;
    }

    #signup .signup_form_wrapper a{

        font-size:12px;
    }
    #signup-badge{
        left:25%;
        background-size:75px 75px !important;
        top:-25px;
        width:75px;
        height:75px;
        left:37%;
    }

    #signup .signup_form_wrapper .column{
        float:none;
        width:100%;

    }
    #signup .signup_form_wrapper select{
        height:47px;
        max-width:100%;
        padding:14px 10px 4px 16px;
        margin:0 0 20px;
    }
    #signup .signup_form_wrapper input[type="text"],
    #signup .signup_form_wrapper input[type="password"]{
        height:47px;
        max-width:93%;
        margin:0 0 20px;
    }
    #signup .right{
        text-align:center;
        float:none;
    }
    #signup .signup_form_wrapper{
        padding-top:25px !important;
        box-shadow:5px 5px 10px 5px #333333;
    }
    #signup .signup_form_wrapper .intro-copy{
        font-size:13px;
    }

    .signup-form-container{
        max-width:100%;
        padding:0px;
    }

    .hide-mobile{
        display:none;
    }

    .fixit{
        padding:0px 0 0 !important;
        width:940px;
        margin: 0 auto;
        max-width:100%;
    }

    #thankyou .signup_form_wrapper input[type="text"],
    #thankyou .signup_form_wrapper input[type="password"]{
        max-width:96%;
        width:100%;
    }
    .opt-in-mobile{

        padding:10px;
    }
    #thankyou .signup_form_wrapper select{
        width:100%;
        max-width:100%;
    }

    #thankyou .signup_form_wrapper .column{
        float:none;
        width:100%;
    }
    #submit_final_form{

        max-width:90%;
    }
    #signup_form_wrapper{
        padding:10px;
    }

}

@media only screen
and (min-width : 320px)
and (max-width : 480px)
and (orientation : portrait) {

    .hide-mobile{
        display:none;
    }

    #thankyou .signup_form_wrapper input[type="text"],
    #thankyou .signup_form_wrapper input[type="password"]{
        max-width:94%;
        width:100%;
    }

}

@media only screen
and (min-width : 320px)
and (max-width : 480px)
and (orientation : landscape) {

    #popup-moreinfo{
        margin:10px;
    }

    #signup-badge{
        left:25%;
        background-size:75px 75px !important;
        top:-25px;
        width:75px;
        height:75px;
        left:37%;
    }
    #thankyou-morefinfo-badge{
        left:44%;
        top:-35px;
        background-size:70px 70px !important;
        width:70px;
        height:70px;
    }

    #signup_form_wrapper{

        padding:10px;
    }

    .fixit{
        padding-top:0px !important;
        padding-left:10px;
        padding-right:10px;
        padding-bottom:10px;
        width:400px !important;
        margin: 0 auto;
        max-width:100%;
    }
    #signup .signup_form_wrapper{

        margin-left:10px;
        margin-right:10px;
    }
}