/**
 * @title		Payment Styles
 */

#subPayment {padding-top:10px;}
#subPayment h3 {
	margin:0em 0 1em;
	font-style:italic;
	background-image: none;
}

#subPayment #personal_offer h3{
	display:inline;
	font-size:17px;
	text-align:left;
}

#subPayment #personal_offer{
	text-align:center;
}

/**
 * @section		Payment form
 */

#subPayment .fieldset {
	/*margin-bottom:30px;*/
}

/**
 * @section		Offer fieldset
 */
 
 .container-offer{
 	clear:both;
 	width:560px;
 	margin-bottom:30px;
 	background:url(/templates/nurun/images/offer_promo3.png) no-repeat left bottom;
 }
 
#subPayment #offer {float:left;}
#subPayment #offer .fieldset {
	padding:5px 10px 10px 20px; /*margin-right:20px;*/
	/*width:560px; height:84px;*/
	/*background:transparent url(/templates/nurun/images/offer_promo.png) no-repeat 0 0;*/
	background:url("/templates/nurun/images/offer_promo2.png") no-repeat left top;
	clear:both;
}
#subPayment #offer .radios ul{overflow:hidden;width:350px;float:left;height:50px}
#subPayment #offer .radios li#offer1{width:165px}
#subPayment #offer .radios li#choice_or{width:30px}
#subPayment #offer .radios li#offer1{padding-top:7px}
#subPayment #offer .radios li#offer2{width:150px;padding-top:7px}
#subPayment #offer .radios li {float:left}
#subPayment #offer .radios input {
	float:left; clear:left;
	margin:0px 10px 0 0;
}
#subPayment #offer span#totalPriceBase{font-size:17px; font-style:italic;font-weight:bold;}
#subPayment #offer .actions p.btn span{
background:transparent url(/templates/nurun/images/btn/btnLeft_height24px.png) no-repeat 0 0;
padding-left:20px;
height:24px;
}
#subPayment #offer .actions p.btn button:hover{
background-position: -15px 0px;
height:24px;
}
#subPayment #offer .actions p.btn button{
height:24px;
font-size:10px;
background:transparent url(/templates/nurun/images/btn/btnRight_height24px.png) no-repeat -15px -25px;
width:70px;
line-height: 10px\9;
}
#subPayment #offer .radios li#offer1 label {
	float:left;
	width:100px;
	width:90px\9; /* Hack IE 8 & 9 */
	font-size:10px;
}
#subPayment #offer .radios{overflow:hidden}
#subPayment #offer .radios li#offer2 label {
	float:left;
	width:100px;
	font-size:10px;
}
#subPayment #offer .text {
	float:left;
	padding-top:7px;
}
#subPayment #offer .actions {
	float:left;
	padding-top:5px;
}
#subPayment #offer .radios div.text{width:95px;}
#subPayment #offer .actions p.btn {margin:0;width:90px}
#subPayment #offer .text label {position:absolute; left:-10000px;}
#subPayment #offer .text input {width:80px;height:20px;}
#subPayment #offer .radios p{float:left;width:100px;font-size:10px;}
#subPayment #offer .radios .discount {
	float:left;
	color:#fff;
	font-weight:bold;
	background: transparent url('/templates/nurun/images/discount-bg.png') no-repeat 0 0;
	font-size:10px;
	line-height:35px;
	width:40px;
	height:40px;
}
#subPayment #offer legend{float:left;width:100px;}
#subPayment #js #offer .radios .discount {display:none;}

#discountRemove {
    cursor:pointer;
    color:#A2246B;
}


/**
 * @section		Princing fieldset
 */
#pricing {
	margin-bottom:30px;
	float:left;
}
#pricing .fieldset {
	padding-top:5px;
	width:257px; height:140px;
	background:transparent url(/templates/nurun/images/price_formule.png) no-repeat 0 0;
	text-align:center;
	float:left;
}
#pricing .fieldset .info_payment{
margin-top:0px;
}
#pricing .fieldset p.text1{font-size:19px;font-weight:bold;font-style:italic;color:#8e165b;line-height:22px;}
#pricing .fieldset p.text1 span{color:#008181}
#pricing .fieldset p.text2{font-size:11px;font-style:italic;padding-top:5px;}
#pricing .fieldset p.text3{font-size: 12px;font-style:italic;color:#6d6d6d; text-decoration:underline;margin-bottom:5px;}
#pricing .fieldset p.text4{font-size:18px;font-style:italic;line-height:20px;}
#pricing .fieldset p.text5{font-size:14px;}
#pricing .fieldset .info_payment p.price{top:0;font-size:30px;font-weight:bold;font-style:italic;line-height:36px;}
#pricing .fieldset .info_payment p.price span{font-size:25px;color:#008181;font-weight:bold;font-style:italic}
#pricing .fieldset .title_payment{
width:235px;
margin: 0 auto;
border-bottom:1px solid #575555;
padding-bottom:5px;
}
#pricing .fieldset label.paiement_label{font-size:14px; font-style:italic;font-weight:bold}
#pricing .fieldset1{margin-right:45px;}

#pricing .fieldset p {margin:0;overflow:hidden;}
#pricing .big {
	margin:0;
	color:#a2246b;
	font-size:30px; font-weight:bold; font-style:italic;
	line-height:1.1;
}
#pricing .big strong {font-size:42px;}
#pricing .big span{color:#008181}
#pricing em em {text-decoration:underline;}
#pricing .crossout {text-decoration:line-through;}
#pricing .big .times {}
#pricing .fieldset .total {
	margin:1.5em 0;
	font-style:italic;
	font-size:14px;

}
#pricing .fieldset .asterisk {
	position:absolute; bottom:15px; left:15px;
	font-style:italic;
	text-align:left;
}
#pricing .emphasis {
	position:absolute; 
	right:0; 
	bottom:0;
	padding:13px 0 0 19px;
	width:115px; 
	height:60px;
	font-size:16px; 
	font-weight:bold; 
	font-style:italic;
	color:#fff;
}
#pricing .emphasis span{
	font-size:14px;
}
#pricing .emphasis sub {
	font-size:10px; font-weight:normal;
}
#pricing div#installment_note {
    clear:both;
}


/**
 * @section		Payment method fieldset
 */
#subPayment #payment-method {clear:left;}
#subPayment #payment-method h3 {margin-top:0;}
#subPayment #payment-method .fieldset {
	margin-bottom:0px; border:0;
	background:#fff;
}
/* Tabs */
#subPayment #payment-method .tab-list {
	position:relative; z-index:10;
	height:62px;
}
#subPayment #payment-method .tab-list li {
	float:right;
	width:260px;
	height:63px;
}
#subPayment #payment-method .tab-list li:first-child {float:left;}
#subPayment #payment-method .tab-list a {
	display:block;
	border-color:#cce6e6; padding:15px 0 17px 30px;
	background:transparent url(/templates/nurun/images/payment-mode-bg-top-off.png) no-repeat 0 0; color:#848e96;
}
#subPayment #payment-method .tab-list .tab-on {
	padding-bottom:27px; border-bottom:0;
	color:#42474b;
	background:transparent url(/templates/nurun/images/payment-mode-bg-top-on.png) no-repeat 0 0;
	cursor:default;
}
#subPayment #payment-method .tab-list .tab-on:hover, #subPayment #payment-method .tab-list .tab-on:focus {
	text-decoration:none;
}
/* Tabs Panel */
#payment-method .tab-panel {
	margin-bottom:5px; padding-top:10px; margin-left: 8px;
	background:transparent url(/templates/nurun/images/mode-paiement-haut.png) no-repeat 0px 0;
}
#subPayment #js #payment-method .tab-panel {display:none;}
#subPayment #js #payment-method .tab-panel-on {
	display:block;

}
#subPayment #js #payment-method .tab-panel-on.last {
	border-radius:10px 0 10px 10px;
}
#subPayment #payment-method-card .inner-wrapper {
	padding-top:10px;
	background:transparent url(/templates/nurun/images/payment-mode-bg-bottom.png) no-repeat 100% 100%;
}
#subPayment #payment-method-card .radios {width:540px;margin: 0 auto}
#subPayment #payment-method-card .radios ul {padding:0 5px 10px 40px;width:500px; margin: 0 auto;}
#subPayment #payment-method-card .radios li {
	float:left;
}

#subPayment #payment-method-card .radios input {
	float:left;
	margin:0px 0 10px 0;
}
#subPayment #payment-method-card .card3 {

}
#subPayment #payment-method-card .card3 input {margin:0;}
#subPayment #payment-method-card .radios .card3 label,#subPayment #payment-method-card .radios .card4 label {display:block;float:left}
#subPayment #payment-method-card .radios label { 
	margin-left:10px;
	max-width:110px;
	font-size:12px;
	text-align:center;
	float:left;
}
#subPayment #payment-method-card .radios .radio-field {
	margin:0 auto;
}
#subPayment #payment-method #payment-method-other {
	padding-top:5px;
	min-height:85px;
	background:transparent url(/templates/nurun/images/payment-mode-bg-junction.png) no-repeat 0 0;
}
#subPayment #payment-method-other .inner-wrapper {
	padding-top:33px;
	background:transparent url(/templates/nurun/images/payment-mode-bg-bottom.png) no-repeat 100% 100%;
	min-height:85px;
}

#subPayment #payment-method-other .img-wrapper{
	padding-top: 10px;
	text-align: center;
}
#subPayment #payment-method-other .radios li {
	float:left;
	width:49%;
}
#subPayment #payment-method-other .radios input {
	float:left;
	margin:5px 0 10px 50px;
}
#subPayment #payment-method-other .radios label {
	float:left;
	padding-left:10px;
	background-color:#f2f9f9; background-repeat:no-repeat; background-position:50% 100%;
	height:75px;
	font-size:12px;
	line-height:1.2;
}
#subPayment #payment-method-other .radios .other1 label {
	text-align:center;
}
#subPayment #payment-method-other .radios label .small {
	display:block;
	color:#666;
	font-size:10px;
}
#subPayment #payment-method .radios label img {
	display:block;
	margin:0 auto;
}
#subPayment .actions .btn {
	float:right;
	margin-top:5px;
}
#subPayment .checkbox {
	float:left;
}
#subPayment .checkbox label {
	color:#666;
	font-size:10px;
}
#subPayment .asterisk {
	margin-bottom:30px;
	color:#666;
	font-size:10px;
}


/**
 * @section		Pushes
 */
#content .pushes .push {float:left;}
#content .pushes .push-inner-wrapper {height:240px;}

/**
 * @workaround		Clearing
 */
#content .pushes:after,
#subPayment:after, #subPayment .fieldset:after,
#offer .radios li:after, #payment-method .tab-list:after,
#payment-method-card .radios ul:after, #payment-method-card .radios .radio-field:after,
#payment-method-other .radios ul:after, #payment-method-other .radios .radio-field:after {
	display:table;
	clear:both;
	content:'';
}

#offer #promotion {
    color: #A2246B;
    font-size: 14px;
	margin-bottom: 8px;
    width: 90px;
	text-align:center;
}
#subPayment
div#errorMsg{float:right;color:#FF0000; font-size:11px;margin:0 50px 0 0;padding-top:35px;}
#select-currency {
    clear: both;
	padding-left: 330px;
}
#select-currency select {
   
}
#payment-method .info{display:block;float:left}
#subPayment #payment-method-card .radios .paiementLogo{clear:both;margin-top:5px;}
#subPayment .check{float:left; width: 25px;}
#subPayment .check_txt{float:left;font-size:10px;}
#subPayment .check_txt label,#subPayment .check input{display:block;float:left;}
#subPayment .check_txt label {*line-height:20px;}
#subPayment .condition{clear:both;font-size:10px;}

/*Payment par ch�que*/
#content div#info_cheque h3{
background-image:none;
font-size:15px;
}
#content div#info_cheque .info_cheque_text h3{margin:0;padding:0;height:15px;line-height:15px;}
.info_cheque{overflow:hidden;margin-top:20px;}
.info_cheque_text{float:left;font-size:15px;line-height:25px;}
.info_cheque_img{float:right}

#payment-method div.infomessage {
	z-index:15;
	display:block;
	background-image: url("/templates/nurun/images/bg-tooltip-info.png");
	background-position: -10px 0;
	padding-bottom:5px;
	padding-top:5px;
	position:absolute; top:470px; left:303px;
	border-radius:5px;
	text-align:center;
}
#payment-method li.card3 div.infomessage{position:absolute; top:462px; left:484px;}
#payment-method div.infomessage p{font-size:12px; line-height:1.5;color:#fff;}
#payment-method div.infomessage .info-inner {
	padding:0 25px 5px;
	width:185px
}

#payment-method div.infomessage .img{
	position:absolute; 
	left:-5px; top:50%;
	display:block;
	margin-top:-10px;
	width:10px; height:20px;
	background:url(/templates/nurun/images/global-sprite.png) no-repeat -131px -135px;}
	
div.button img{float:left;display:block}	
#payment-method-discount div.btn span button#promoCodeWrite.bt_validateEmail{
	background:transparent url("/templates/nurun/images/btn/btn-sprite-default.png") repeat-x 0 -43px;
	border:none;
	height:26px;
	border-radius: 0 5px 5px 0;
	display:block;
	float:left;
	color:#ffffff;
	margin:0;
	line-height: 14px;
	}
	
#payment-method-discount div.btn span button#promoCodeWrite.bt_validateEmail:hover{
	background:transparent url("/templates/nurun/images/btn/btn-sprite-default.png") repeat-x 100% 100%;
	border-radius: 0 5px 5px 0;
	}
	
#payment-method-discount div.btn span {
	background: url("/templates/nurun/images/btn/btn-sprite-default.png") no-repeat scroll 0 -3px rgba(0, 0, 0, 0);
    color: #FFFFFF;
    display: block;
    font-size: 15px;
    height: 26px;
	border-radius: 5px 0 0 5px;
    line-height: 32px;
    padding-left: 30px;
    text-decoration: none;
}

fieldset#payment-method div#payment-method-card.fieldset2 div#payment-method-discount div.btn {
	bottom: 25px;
	position: absolute;
	margin-left: 10px;
}


#subPayment div#errorMsg {
	padding-top: 25px;
}

#subPayment #offer div#errorMsg{
	margin:0;
}

#content form#subPayment fieldset p.info_cheque{font-size:11px;color:#008181;text-align:center;margin:0}
#content form#subPayment p.error_msg_cgv{color:#e90707;font-size:11px;margin:5px 0 0}



/**
 * @desc    styles for one time only + bank details
 */
.bloctop,
#pricing .fieldset2,
#payment-method .fieldset2,
#payment_card .fieldset2,
#payment_ALLOPASS_QIWI_field .fieldset2 {
    width:560px;
}
#pricing .fieldset2,
#payment-method .fieldset2, #payment_card .fieldset2, #payment_ALLOPASS_QIWI_field .fieldset2,
#payment_userdetails .fieldset2 { 
    background:url(/templates/nurun/images/payment-mode-bg-bottom.png) no-repeat scroll transparent 100% 100%;
}

#payment_userdetails .fieldset2{
	width:540px;
	padding:0 10px 10px 10px;
}

.label-email{
	padding:5px 0;
	font-size:12px;
	font-weight:bold;
}

#contrat input, #contrat-info input{
	margin:0 5px 0 0;
}

#contrat, #contrat-info{
	font-size:10px;
	padding-top:10px;
}

#contrat a, #contrat-info a{
	text-transform:uppercase;
	display:inline-block;
	top:-3px;
	position:relative;
}

.bloctop{
    background:url(/templates/nurun/images/mode-paiement-haut.png) no-repeat scroll transparent;
    height:14px;
}
#pricing .fieldset2 .title_payment,
#payment-method .fieldset2 .title_payment,
#payment_card .fieldset2 .title_payment{ width:538px; }
#payment-method,
#payment_card,#payment_card {
    margin-bottom: 15px;
}
#payment_card table,#payment_ALLOPASS_QIWI_field table{
    margin-left: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
#payment_card table td.label, #payment_ALLOPASS_QIWI_field table td.label
#payment_card table td.labelsecurity{
    width:140px;
    font-weight: bold;
}
#payment_card table td.labelsecurity{
    text-align:right;
    padding-right:5px;
}
#payment_card table td input, #payment_ALLOPASS_QIWI_field table td input
#payment_card table td select, #payment_ALLOPASS_QIWI_field table td select{
    margin-top: 6px;
    margin-bottom: 6px;
    height:20px;
}
#payment_ALLOPASS_QIWI_field table tr{
    height:50px;
}
#payment_card table td div.value ,#payment_ALLOPASS_QIWI_field table td div.value, 
#payment_card table td div.valuesecurity{ 
    position:relative;
}

#payment_card table td div.valuesecurity #errorcard_code.payment_error p {
	margin: 0;
}

#payment_userdetails{
	position:relative;
}

#stabiform #payment_userdetails{
	margin-bottom:10px;
}

#payment_card  div.payment_error,
#payment_userdetails div.userdetails_error{
    position:absolute;
    background: url(/templates/nurun/images/error_bulle.png) no-repeat transparent scroll;
    background-origin: padding-box;
    background-position: 0 100%;
    background-size: auto auto;
    font-size: 11px;
    height: 37px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 10px;
    padding-top: 7px;
    width: 260px;
	text-align:center;
	color:#fff;
    z-index:10;
    top:-2px;
    left: 170px;
}


#payment_userdetails .value{
	position:relative;
	margin-bottom:8px;
}

#payment_userdetails .value div.userdetails_error p,
#payment_card .value div.payment_error p{
	margin:0;
}

#payment_userdetails .value input{
	padding:6px;
}

#payment_userdetails div.userdetails_error{
	left:270px;
	top:-6px;
}

#payment_ALLOPASS_QIWI_field  div.payment_error{
    position:relative;
    background: url(/templates/nurun/images/error_bulle.png) no-repeat transparent scroll;
    background-origin: padding-box;
    background-position: 0 100%;
    background-size: auto auto;
    font-size: 11px;
    height: 37px;
    width: 260px;
    text-align:center;
    color:#fff;
    z-index:10;
    margin-left: -15px;
    padding-top: 7px;
}

img.bubbleimage{
    cursor:help;
    vertical-align:bottom;
}

div#security-info.bubblepopup {
    clear:both;
    position:absolute;
    border:solid black 1px;
    background:white;
    z-index:20;
    width:374px;
    max-width:374px;
}

div#security-info div.bubblecontent{
    display:block;
    margin:7px;
    width:360px;
    max-width:360px;
}


div#onetimeoffer {
    padding:5px 15px 15px 15px;
    font-size: 14px;
}

div#onetimeoffer a {
    text-decoration:underline;
    color:#A2246B;
}

div#onetimeoffer span.offeramount{
    font-weight:bold;
    color:#007E7E;
}

div#onetimeoffer span.offerinfo{
    font-size: 12px;
}

div#progressbar {
    text-align:center;
    font-size:11px;
}


/*Workflow paiement */

#loading-payment{
	clear:both;
	float:left;
	margin:10px 0;
}

#loading-payment .btn a span{
	color:white;
}

.content-loading{
	font-size:20px;
}

.img-loading, .content-loading{
	float:left;
}

.img-loading{
	margin-right:15px;
}

.content-loading{
	width:510px;
	font-size:18px;
}

.content-loading.error{
	color:#AA0000;	
}

.content-loading.success{
	color:#00AA00;	
}