/*
Woo Commerce Styles
*/

.futurepay-logo {
	background: 								url(../images/logoFuturePay.png) left top no-repeat;
	width:										250px;
	height:										62px;
	margin:										0 auto 5px;
}

.fp-info-iframe{
border: none;
margin: 0;
width: 100%;
height: 100%;
}

.wc_payment_method.payment_method_futurepay {
display:block;
}
	.wc_payment_method.payment_method_futurepay >label:first-of-type img {
	float:left; 
	margin: 0 2px;
	max-height:100%; 
	max-width: 100%;
	}
	.wc_payment_method.payment_method_futurepay p {
	display:inline-block; 
	float:left; 
	margin: 5px 0 0 5px;
	}
	.wc_payment_method.payment_method_futurepay input[type="radio"] + label::before {
	display:inline-block; 
	float:left; 
	margin-top: 5px;
	}

	#payment ul.payment_methods .wc_payment_method.payment_method_futurepay .input-radio{
	float:left; 
	margin-top: 10px;
	}
	.payment_box.payment_method_futurepay {
    clear:both;
	}

/* headings */
#futurepay-merchant-signup h1, #futurepay-merchant-signup h2, #futurepay-merchant-signup h3, #futurepay-merchant-signup h4,
#futurepay-merchant-signup h5, #futurepay-merchant-signup h6, #futurepay-merchant-login h1, #futurepay-merchant-login h2, #futurepay-merchant-login h3, #futurepay-merchant-login h4,
#futurepay-merchant-login h5, #futurepay-merchant-login h6 {
	color:										#80C400 !important;
	font-family:								'Roboto', sans-serif;
	font-weight: 								300;
}

#futurepay-merchant-signup h3, #futurepay-merchant-login h3 {
	font-size:									21px;
}


/* pg-font */
#futurepay-merchant-signup, #futurepay-merchant-login, #futurepay-merchant-signup-login {
	font-family:								Helvetica, Arial, sans-serif;
}


/* form styles */

.fm-group {
	clear:										both;
	float:										left;
	width:										100%;
	margin-bottom:								10px;
}

#futurepay-merchant-login .fm-group {
	float:										left;
	width:										200px;
	clear:										none;
}

#futurepay-merchant-login .fm-group.last {
	width:										100px;
}

#futurepay-merchant-signup {
	width:										400px;
}

#futurepay-merchant-login {
	width:										600px;
}

#futurepay-merchant-signup .col-lt {
	width:										40%;
	float:										left;
	padding-right:								4px;
	box-sizing:									border-box;
}

#futurepay-merchant-login .fm-group {
	margin-right:								5px;
}

#futurepay-merchant-signup .col-rt {
	width:										60%;
	float:										right;
	padding-left:								4px;
	box-sizing:									border-box;
}

#futurepay-merchant-signup label {
	text-align: 								right;
	line-height: 								40px;
	color:										#555555;
}

#futurepay-merchant-signup .fm-input, #futurepay-merchant-signup select, #futurepay-merchant-login .fm-input, #futurepay-merchant-login select {
	border: 									1px solid #bcbcbc;
	width: 										100%;
	height:										36px;
	box-sizing: 								border-box;
	font-size:									15px;
	padding:									2px 3px;
	color:										#555;
}

#futurepay-merchant-signup .fm-btn {
	width:										100%;
	background:									#80C400;
	border:										0;
	height:										40px;
	font-size:									15px;
	font-weight:								bold;
	line-height: 								40px;
	color:										#fff;
	cursor: 									pointer;
}

#futurepay-merchant-login .fm-btn {
	width:										100%;
	background:									#80C400;
	border:										0;
	height:										36px;
	font-size:									15px;
	font-weight:								normal;
	line-height: 								30px;
	color:										#fff;
	cursor: 									pointer;
}

#futurepay-merchant-signup .fm-btn:hover, #futurepay-merchant-login .fm-btn:hover {
	background:									#70AC00;
}


/* launcher */
#futurepay-merchant-signup-login {
border: 1px solid #dddddd;
text-align: center;
padding: 20px;
color: #6FA015;
width:500px;
}

#futurepay-merchant-signup-login a {
	color:										#466B00;
	text-decoration: 							underline;
}

#futurepay-merchant-signup-login a:hover {
	text-decoration: 							none;
}



/*
Learn More Popup
*/

#fp-info-popup{
    height:80%;
	margin: auto;
	max-width: 600px;
	top: 10%;
	width: 100%;
}
@media screen and (max-width: 620px) {
#fp-info-popup{
	left: 0;
	margin: 0;
	width: 100%;
	max-width: 100%;
}
}


.payment_method_futurepay #fp-info {
    float: right;
    font-size: .83em;
    margin-top: 5px;
}

.fpWrap .close {
	border: none;
    color: #aaa;
    cursor: pointer;
    font-size: 22px;
    font-weight: bold;
    line-height: 0.5;
    position: absolute;
    right: 4px;
    top: 4px;
    text-decoration: none;
}
.fpInfo {
    margin:0 auto; 
	height:auto;
	box-sizing:border-box;
	display:table; 
	background:white;
	width: 100%;
}

.fpWrap {
	float:left; 
	border: 1px solid #ddd; 
	font-family: 'Helvetica', Arial, sans-serif;
	font-size:15px; 
	color: #666666;
    width:100%;
}

.fpInfo h2, .fpInfo h3 {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
}

.fpInfo h2 {
    font-size: 2.4rem !important;
	font-weight: 300 !important; 
	color: #fff; 
	margin: 2rem 0 !important;
	padding: 0 16rem 0 1rem !important;
}

.fpInfo h3 {
	color: #0d6788;
    font-weight: 400 !important; 
	text-align: left; 
	margin: 0px 0px 10px !important; 
	clear: both;
}

.fpContent {
    float:left; 
	width:100%;
}

.fpHeading {
	background:	url(../images/header-bg.jpg) right center no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
    text-align: left; padding: 18px 20px;
}

.fpSum {
	margin:0 auto;
    padding: 2% 5% 0%; 
	box-sizing: border-box; 
}
	.fpSum p{
	color: #0d6788;
    text-align: center; 
	font-size: 1.4375rem;
	line-height: 28px;
	margin: 0.45em 0 0.95em;
	}

.fpContent p {
	line-height: 1.5;
    margin:0px 0px 16px; 
	padding:0px;
	text-align: left;
}

.fpRow{
	padding: 3% 3% 2% 3%;
	width: 100%;
}
.grey-bg{
	background: #f1f1f1;
}

.image-left{
	float: left;
	text-align: center;
	width: 20%;
}
.image-right{
	float: right;
	text-align: center;
	width: 20%;
}
.content-right{
	float: right;
	width: 80%;
}
.content-left{
	float: left;
	width: 80%;
}
	.content-left h3, .content-left p{
	text-align: right;
	}

.fpFooter {
    padding: 2% 7%; width:100%; clear:both;float:left;box-sizing:border-box;
}

.fpFooter p {
    text-align: center;
	font-size: 13px;
	line-height: 1.5;
	margin: 0 0 1em 0;
}



#fp-custom-description {
    background-color: #f4f4f4; color: #636363; display: inline-block; float: none; max-width: none; min-width: none; width: auto;
}

/*#fp-info {
    position: relative; right: 5px; top: 8px;
}*/

.fpWrap .close {
    color: #aaa;
    cursor: pointer;
    font-size: 22px;
    font-weight: bold;
    line-height: 0.5;
    position: absolute;
    right: 4px;
    top: 2px;
    text-decoration: none;
}

/*
END Learn More Popup
*/

/* The FP signup and login forms */

#fp-signup-form .fp-label,
#fp-login-form .fp-label{
clear: both;
display: block;
}

#fp-signup-form input,
#fp-signup-form select,
#fp-login-form input,
#fp-login-form select{
font-family: Merriweather,Georgia,serif;
margin-bottom: 8px !important;
}

/*#fp-signup-form input,
#fp-login-form input{
width: 300px;
}
#fp-signup-form #ssn,
#fp-login-form #ssn{
width: 225px;
}*/

#fp-signup-form .fp-error-message,
#fp-login-form .fp-error-message{
display: block;
position: relative;
top: -6px;
font-size: 0.9em;
}

#fp-signup-form .fp-button,
#fp-login-form .fp-button{
clear: both;
margin: 1em 1em 1em 0 !important;
}


#fp-signup-form #agree_to_terms{
clear: both;
display: inline-block;
margin-right: 0;
width: 5%;
}
#fp-signup-form .fp-terms-label{
display: inline-block;
width: 90%;
}