﻿@charset "UTF-8";
/* CSS Document */
	.email {
		display: none;
		position:absolute;
		color: #666;
		text-align:	center;
		padding: 0px;
		background-color:	#FFF;
		z-index:10001;
        margin: auto;
        top: 0; left: 0; bottom: 0; right: 0;
        height:300px;
	}

    /*desktop*/
    @media (min-width : 1224px) {
        .email {
            width:474px;
        }
    }

     /*tablet */
     @media (min-width: 768px) {
        .email {
            width:474px;
        }
    }
    
    /* phone */
    @media (max-width : 667px) {
        .email {
            width:325px;
        }
    }
                                                }

	.close {
		font-size:12px;
        position:	absolute;
		top: 5px;
		right: 15px;
		font-size: 13px !important;
		cursor:	pointer;
		z-index: 1200;
        color:#013668;
	}

	

	.close-two {
		font-size:12px !important;
        color: #013668;
        padding:3px;
        opacity:1 !important;
	}

	


	.email a	{
		color: #CE6803;
		text-decoration: underline;
	}

	.email a:hover	{
		text-decoration: underline;
	}
	
	.email a.close	{
	    color: #CE6803;
	    text-decoration: underline;
	    position: static;
	    font-size: 12px !important;
	}

	.email a.close:hover	{
		text-decoration: underline;
	}

	.new-subscribers {
		/*font-family: 'LiberationSansBold';*/
		color: #013668;
	}

	.email-textfield {
	    display: inline;
	    padding: 1px;
	    float: left;
	    height: 26px;
	    width: 199px;
	    margin-top: 0px;
	    margin-right: 10px;
	    margin-bottom: 0px;
	    margin-left: 0px;
	    border: 1px	solid	#013668;
	    position: relative;
	    color: #666;
	}

	.email-submit	{
		background-image:	url(//www.paulfredrick.com/csimages/emailSignup/JoinNowButton.png);
		background-repeat: no-repeat;
		background-position: left	top;
		display: inline;
		margin:	0px;
		padding: 0px;
		float: left;
		height:	31px;
		width: 114px;
		position:	relative;
		border-top-style:	none;
		border-right-style:	none;
		border-bottom-style: none;
		border-left-style: none;
		color: transparent;
		cursor:	pointer;
		background-color:	#FFF;
	}

	.email-two {
		border:	1px	solid	#369;
	}

	.email-two-header	{
		display: inline;
		float: left;
		width: 100%;
		position:	relative;
		padding: 0px;
		background-image:	url(//www.paulfredrick.com/csimages/emailSignup/EmailSignUp_2.png);
		background-position: center	center;
        background-repeat:no-repeat;
        background-size:100% 100%;
		margin:	0px;
		height:	85px;
	}

    /*desktop*/
    @media (min-width : 1224px) {
        .email {
            width:474px;
        }
    }

    /*tablet */
     @media (min-width: 768px) {
        .email {
            width:474px;
        }
    }

    
    
    /* phone */
    @media (max-width : 667px) {
        .email-two-header	{
            background-size:325px 58px;
	    }
    }


/* desktop */
@media (min-width : 1224px) {
    .email-two-header.thankyou {
        background-image: url(//www.paulfredrick.com/csimages/emailSignup/ThankYou_2.png);
        margin-bottom: 33px;
    }
}

	.email-two-text	{
		display: inline;
		float: left;
		position:	relative;
		width: 100%;
		text-align:	center;
		font-size: 18.5px;
		line-height: 23.5px;
		color: #636363;
		padding: 0px;
		margin:0px;
	}
	/*.em2-p1	{
		text-align:	right;
		padding-top: 15px;
		border-right-width:	1px;
		border-right-style:	solid;
		border-right-color:	#636363;
		float: left;
		width: 192px;
		position:	relative;
		padding-right: 13px;
		padding-bottom:	35px;
		padding-left:	0px;
		margin-top:	19px;
		margin-right:	0px;
		margin-bottom: 22px;
		margin-left: 0px;
		display: inline;
	}*/

    /*desktop*/
    @media (min-width : 1224px) {
        .em2-p1	{
		    text-align:	right;
		    padding-top: 15px;
		    border-right-width:	1px;
		    border-right-style:	solid;
		    border-right-color:	#636363;
		    float: left;
		    width: 192px;
		    position:	relative;
		    padding-right: 13px;
		    padding-bottom:	35px;
		    padding-left:	0px;
		    margin-top:	19px;
		    margin-right:	0px;
		    margin-bottom: 22px;
		    margin-left: 0px;
		    display: inline;
	    }
    }

    /*tablet */
     @media (min-width: 768px) {
        .em2-p1	{
		    text-align:	right;
		    padding-top: 15px;
		    border-right-width:	1px;
		    border-right-style:	solid;
		    border-right-color:	#636363;
		    float: left;
		    width: 192px;
		    position:	relative;
		    padding-right: 13px;
		    padding-bottom:	35px;
		    padding-left:	0px;
		    margin-top:	19px;
		    margin-right:	0px;
		    margin-bottom: 22px;
		    margin-left: 0px;
		    display: inline;
	    }
    }

    /* phone */
    @media (max-width : 667px) {
        .em2-p1	{
            width:90%;
            margin-left:5%;
            border:none;
            text-align:center;
            float:left;
            border-bottom-width:	1px;
		    border-bottom-style:	solid;
		    border-bottom-color:	#636363;
            padding-bottom:5px;
	    }

            .em2-p1 span {
                width:100%;
            }
    }

	/*desktop*/
    @media (min-width : 1224px) {
        .em2-p2 {
            text-align: left;
            float: left;
            position: relative;
            display: inline;
            width: 240px;
            font-size: 16px;
            line-height: 20px;
            padding-left: 10px;
            padding-bottom: 16px;
            margin-top: 30px;
            margin-right: 0px;
            margin-bottom: 0px;
            margin-left: 0px;
            padding-top: 5px;
            padding-right: 0px;
        }
    }

    /*tablet */
    @media (min-width: 768px) {
        .em2-p2 {
            text-align: left;
            float: left;
            position: relative;
            display: inline;
            width: 240px;
            font-size: 16px;
            line-height: 20px;
            padding-left: 10px;
            padding-bottom: 16px;
            margin-top: 30px;
            margin-right: 0px;
            margin-bottom: 0px;
            margin-left: 0px;
            padding-top: 5px;
            padding-right: 0px;
        }
    }

    /*phone*/
    @media (max-width : 667px) {
        .em2-p2 {
            text-align: center;
            float: left;
            position: relative;
            display: inline;
            width: 100%;
            font-size: 16px;
        }
    }

    
  /** desktop **/
@media (min-width : 1224px) {
    .em2-p3 {
        text-align: center;
        float: left;
        position: relative;
        display: inline;
        font-size: 18.5px;
        line-height: 24px;
        padding-left: 2%;
        padding-bottom: 0px;
        padding-top: 0px;
        padding-right: 2%;
        width: 96%;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        letter-spacing: -.0535em;
    }
}


/** desktop **/
@media (min-width : 1224px) {
    .em2-p4	{
		text-align:	center;
		float: left;
		position:	relative;
		display: inline;
		font-size: 18.3px;
		line-height: 24px;
		padding-bottom:	0px;
		padding-top: 0px;
		margin-top:	25px;
		margin-right:	0px;
		margin-left: 0px;
		letter-spacing:	-.0535em;
		width: 100%;
	}
}

	.email-two-success	{
		display: none;
		float: left;
		position:	relative;
		width: 100%;
		text-align:	center;
		font-size: 18.5px;
		line-height: 23.5px;
		color: #636363;
		padding: 0px;
		margin:0px;
	}

	.email-two-form	{
		display: inline;
		padding-top: 0px;
		padding-bottom:	0px;
		padding-left:	10px;
		position:	relative;
		margin:	0px;
		float: left;
		
		padding-right: 0px;
	}

    /*desktop*/
    @media (min-width : 1224px) {
        .email-two-form {
            width: 230px;
            font-size:12px;
        }
    }

    /*tablet */
    @media (min-width: 768px) {
        .email-two-form {
            width: 230px;
            font-size:12px;
        }
    }
    
    
    /*phone*/
    @media (max-width : 667px) {
        .email-two-form {
            width: 100%;
            font-size:12px;
            text-align:center;
        }
    }

	.email-two-form	.email-textfield {
		margin-bottom: 16px;
	}

	

	.email-error	{
		font-family: 'LiberationSansRegular';
		color: #f00;
		text-align:	center;
		padding: 0px;
		margin:	0px;
		background-color:	#FFF;
	}
	
.continueWrap a.close {
	font-size: 17px;
	line-height: 19px;
	clear: both;
	display: inline;
	position: relative;
	text-align: center;
	float: left;
	width: 100%;
	}