@import url('css_all.css');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font-family: 'Lato', sans-serif;
}

body 					{font-size: 12px; color: #2b3b50; background-color: #f6f7f8; padding: 0px; margin: 0px; -webkit-text-size-adjust:none;}
input,textarea,select 	{font-size: 133%; font-family: 'Lato', sans-serif; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(samenvoordeel/inc/PIE/PIE.htc); border: solid #b5b5b5 1px;}
input[type="image"]		{border: none; padding: 0;}
input[type="text"]		{text-indent: 4px; padding: 4px 0;}
input[type="email"]		{text-indent: 4px; padding: 4px 0;}
input[type="number"]	{text-indent: 4px; padding: 4px 0;}
textarea				{text-indent: 4px; padding: 4px 0;}
form 					{display: inline; margin: 0;}
A						{text-decoration: none; color: #2b3b50;}
A:hover					{text-decoration: underline; color: #2b3b50;}

.btn		{background-color: #526372; color: white; cursor: pointer; font-size: 133%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(samenvoordeel/inc/PIE/PIE.htc); box-shadow: 0px 3px 0px #394550; border: none; padding: 10px 35px 10px 48px; min-width: 175px}
A.btn		{padding-left: 10px; padding-right: 10px; text-decoration: none;}
A:hover.btn	{background-color: #56ace5;}

.delim			{float: left; clear: both; width: 100%; height: 2px; border-top: solid #e6eaf0 1px; margin: 9px 0 9px 0;}
.fform_star			{float: left; width: 40px; height: 40px; cursor: pointer;}
.fform_star0		{background: url(../imgLayout/formv1407/star0.png) no-repeat; background-size: 40px 40px;}
.fform_star1		{background: url(../imgLayout/formv1407/star1.png) no-repeat; background-size: 40px 40px;}
.fform_star1half	{background: url(../imgLayout/formv1407/star1half.png) no-repeat; background-size: 40px 40px;}
.fform_star2		{background: url(../imgLayout/formv1407/star2.png) no-repeat; background-size: 40px 40px;}
.fform_star2half	{background: url(../imgLayout/formv1407/star2half.png) no-repeat; background-size: 40px 40px;}
.fform_star3		{background: url(../imgLayout/formv1407/star3.png) no-repeat; background-size: 40px 40px;}
.fform_star3half	{background: url(../imgLayout/formv1407/star3half.png) no-repeat; background-size: 40px 40px;}
.fform_star4		{background: url(../imgLayout/formv1407/star4.png) no-repeat; background-size: 40px 40px;}
.fform_star4half	{background: url(../imgLayout/formv1407/star4half.png) no-repeat; background-size: 40px 40px;}
.fform_star5		{background: url(../imgLayout/formv1407/star5.png) no-repeat; background-size: 40px 40px;}
.fform_star5half	{background: url(../imgLayout/formv1407/star5half.png) no-repeat; background-size: 40px 40px;}
.fform_star6		{background: url(../imgLayout/formv1407/star-1.png) no-repeat; background-size: 40px 40px;}
.fform_star06		{background: url(../imgLayout/formv1407/star-2.png) no-repeat; background-size: 40px 40px;}

@media only screen and ( -webkit-min-device-pixel-ratio: 1.3 ), only screen and ( min--moz-device-pixel-ratio: 1.3 ), only screen and ( -o-min-device-pixel-ratio: 2.6/2 ), only screen and ( min-device-pixel-ratio: 1.3 ), only screen and ( min-resolution: 124.8dpi ), only screen and ( min-resolution: 1.3dppx ) {
	.fform_star0		{background: url(../imgLayout/formv1407/star0b.png) no-repeat; background-size: 40px 40px;}
	.fform_star1		{background: url(../imgLayout/formv1407/star1b.png) no-repeat; background-size: 40px 40px;}
	.fform_star1half	{background: url(../imgLayout/formv1407/star1halfb.png) no-repeat; background-size: 40px 40px;}
	.fform_star2		{background: url(../imgLayout/formv1407/star2b.png) no-repeat; background-size: 40px 40px;}
	.fform_star2half	{background: url(../imgLayout/formv1407/star2halfb.png) no-repeat; background-size: 40px 40px;}
	.fform_star3		{background: url(../imgLayout/formv1407/star3b.png) no-repeat; background-size: 40px 40px;}
	.fform_star3half	{background: url(../imgLayout/formv1407/star3halfb.png) no-repeat; background-size: 40px 40px;}
	.fform_star4		{background: url(../imgLayout/formv1407/star4b.png) no-repeat; background-size: 40px 40px;}
	.fform_star4half	{background: url(../imgLayout/formv1407/star4halfb.png) no-repeat; background-size: 40px 40px;}
	.fform_star5		{background: url(../imgLayout/formv1407/star5b.png) no-repeat; background-size: 40px 40px;}
	.fform_star5half	{background: url(../imgLayout/formv1407/star5halfb.png) no-repeat; background-size: 40px 40px;}
	.fform_star6		{background: url(../imgLayout/formv1407/star-1b.png) no-repeat; background-size: 40px 40px;}
	.fform_star06		{background: url(../imgLayout/formv1407/star-2b.png) no-repeat; background-size: 40px 40px;}
}

.fform_star_left, .fform_star_right{
	width: 50%;
    float: left;
    height: 100%;
}

.multiplechoice{
	transform: scale(1.5);
}

label.multiplechoiceLabel {
	font-size: 133%;
	padding:10px;
}

.multiplechoiceRightContainer{
	float:right; width:60%;
}

.multiplechoiceLeftContainer{
	float:left; margin-bottom:10px; clear:left;
}



.ns	{display: none;}

/*=================================================================================================================================================================================================================================================================*/
/*______________________________________________________________ header classes */
#head	{float: left; clear: both; width: 100%; height: 55px; background: #ffffff; }
#head .innerWrapper			{width: 100%; max-width: 940px; margin: 10px auto 0 auto;}
#head .innerWrapper #logo	{float: left; clear: both; width: 120px; height: 34px; background: url(../imgLayout/formv1407/tfclogo.png) no-repeat; background-size: 120px 34px;}
	@media screen and (min-width: 0px) and (max-width: 1023px){
		#head .innerWrapper #logo	{margin-left: 5px;}
	}
	@media only screen and ( -webkit-min-device-pixel-ratio: 1.3 ), only screen and ( min--moz-device-pixel-ratio: 1.3 ), only screen and ( -o-min-device-pixel-ratio: 2.6/2 ), only screen and ( min-device-pixel-ratio: 1.3 ), only screen and ( min-resolution: 124.8dpi ), only screen and ( min-resolution: 1.3dppx ) {
		#head .innerWrapper #logo	{background: url(../imgLayout/formv1407/tfclogo.png) no-repeat; background-size: 120px 34px;}
	}

/*=================================================================================================================================================================================================================================================================*/
/*______________________________________________________________ page classes */
#pageWrapper	{float: left; clear: both; width: 100%; height: auto; padding: 0; margin: 0;}
#floaterWrapper	{width: 100%; max-width: 940px; margin: 32px auto 32px auto;}
#floaterWrapper #floaterInnerWrapper	{float: left; clear: both; width: 100%; background-color: white; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; behavior: url(samenvoordeel/inc/PIE/PIE.htc);}

#mainWrapper	{float: left; clear: both; width: 94%; padding: 3%;}
#mainWrapper.mainwrapper_p1		{display: block;}
#mainWrapper.mainwrapper_p2		{display: none;}
#mainWrapper.mainwrapper_product_review	{display: none;}

#mainWrapper .pageTitle		{float: left; clear: both; width: 100%; min-height: 30px;}
#mainWrapper .pageTitle .innerTitle		{float: left; font-size: 233%;}
#mainWrapper .pageTitle .innerPageNum	{float: right; font-size: 233%; color: #67d161;}

#mainWrapper .innerHuisregels	{font-size: 133%;}
#mainWrapper .productImage		{float: left; clear: both; width: 100%; min-height: 100px; max-height:200px; text-align: center;}
#mainWrapper .productImage img	{max-height:200px; min-height:100px;}

.qmain			{float: left; clear: both; width: 100%; margin: 30px 0 0 0;}
.qmain .innerLabel				{float: left; clear: both; width: 100%;}
.qmain .innerLabel .innerTxt	{float: left; max-width: 90%; font-size: 133%;}
.qmain .innerSubtitle			{float: left; clear: both; font-size: 133%; margin-bottom: 15px;}
.qmain .innerFld				{float: left; clear: both; width: 100%; margin: 17px 0 0 0;}

.qchoice						{}
.qchoice .innerLabel			{float: left; clear: both; width: 40%; min-width: 125px; margin: 17px 0 10px 0;}
.qchoice .innerLabel .innerTxt	{float: left; max-width: 90%; font-size: 133%;}
.qchoice .innerFldSelect		{float: left; width: 50%; min-width: 280px; margin: 17px 0 0 0;font-size: 100%;}
.qchoice .innerFldSelect SELECT	{width: 95%;}

.qchoice .innerFldSelect .choice { margin-top:15px;}

.qscore			{float: left; clear: both; width: 100%; margin: 7px 0 0 0;}
.qscore .delim	{margin-bottom: 18px;}
.qscore .innerLabel	{float: left; width: 40%; clear: both; padding-top: 5px;}
.qscore .innerLabel .innerTxt	{float: left; max-width: 90%; font-size: 133%;}
.qscore .innerStars	{float: left; width: 40%; min-width: 280px;}
.qscore .qlegend	{float: right; width: 20%; text-align: right; font-size: 133%; padding-top: 5px;}
	@media screen and (min-width: 0px) and (max-width: 767px){
		.qscore .innerLabel	{float: left; width: 50%; min-width: 250px;}
		.qscore .innerStars	{margin-top: 15px;}
		.qscore .qlegend	{clear: both; float: left; height: 20px; font-size: 12px; margin-top: 5px; text-align: left;}
	}

.qscore .npsContainer .npsItem {
	float:left; vertical-align:middle; padding:5px;
}

.qscore .npsContainer .npsItem .npsItemLabel {
	font-size:11pt;margin-left:5px;
}


@media only screen and (max-width: 758px) {
	.qscore .npsContainer {
		clear:left;
	}
}


.qhorizontal			{float: left; clear: both; width: 100%; margin: 15px 0 0 0;}
.qhorizontal .delim	{margin-bottom: 18px;}
.qhorizontal .innerLabel	{float: left; min-width: 40%;}
.qhorizontal .innerLabel.CES	{float: left; width: 40%; min-width: 125px;}
.qhorizontal .innerLabel .innerTxt	{float: left; max-width: 90%; font-size: 133%;}
.qhorizontal .innerFld		{float: left; max-width: 60%; min-width: 280px;}
	@media screen and (min-width: 0px) and (max-width: 767px){
		.qhorizontal .innerLabel	{width: 100%;}
		.qhorizontal .innerFld		{width: 100%; margin-top: 15px;}
	}



.qtext .innerFld INPUT								{width: 98%;}
.qtext .innerFld TEXTAREA							{width: 98%; height: 50px;}
.qopen .innerFld TEXTAREA							{width: 98%; height: 90px;}
.qchoice .innerFld .innerOptWrapper					{float: left; clear: both; width: 100%; padding: 3px 0;}
.qchoice .innerFld .innerOptWrapper .innerOptFld	{float: left; width: 30px; margin-top: 2px;}
.qchoice .innerFld .innerOptWrapper .innerOptLabel	{float: left; width: auto; font-size: 133%;}
.qchoice .innerOptionWrapperHor .optionFld			{float: left; clear: both; width: 22px; height: 22px; padding: 4px 5px 1px 1px; margin-top 3px; cursor:pointer;}
.qchoice .innerOptionWrapperHor .optionLabel		{float: left; width: auto; margin-top 3px; font-size: 133%; cursor:pointer;}

.qhorizontal .innerOptionWrapperHor .optionFld		{float: left; clear: both; width: 23px; height: 23px; margin: 0px 10px 10px 0px; cursor:pointer; position: relative;}
.qhorizontal .innerOptionWrapperHor .optionFldNPS 	{float: left; width: 23px; height: 23px; margin: 0px 10px 10px 0px; cursor:pointer; position: relative;}

.qhorizontal .innerOptionWrapperHor .optionFld .innerOptBg,
.qhorizontal .innerOptionWrapperHor .optionFldNPS .innerOptBg	{background-color: #3c4c4f; width: 21px; height: 21px; position: absolute; top: 1px; left: 1px;}

.qhorizontal .innerOptionWrapperHor .optionFld .innerOptBg2,
.qhorizontal .innerOptionWrapperHor .optionFldNPS .innerOptBg2	{width: 24px; height: 24px; background: url(../imgLayout/mobileForm/radioOff.png) center center no-repeat; position: absolute; top: 0; left: 0;}


.innerFld.innerOptionWrapperHor.CES{
	width:50%;
}



.qhorizontal .innerOptionWrapperHor .innerActive .innerOptBg2	{background: url(../imgLayout/mobileForm/radioOn.png) center center no-repeat;}
.qhorizontal .innerOptionWrapperHor .optionLabel	{float: left; width: auto; margin-top 3px; font-size: 133%; cursor:pointer;}
.qhorizontal .innerFld INPUT						{width: 98%;}
.qhorizontal .innerFld SELECT						{width: 98%;}
.autocomplete-suggestions 							{border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);}
.autocomplete-suggestion							{font-size: 133%; margin: 3px;}

.infoIcon				{float: left; position: relative; min-width: 24px; min-height: 24px; margin-left: 8px;}
.infoIcon .innerIcon	{position: absolute; right: 0; top: 0; display: block; width: 24px; height: 24px; background: url(../imgLayout/formv1407/icon_info.png) no-repeat; cursor: pointer; z-index: 998; background-size: 24px 24px;}
.infoIcon .innerTextwrapper							{position: absolute; right: 0; top: 28px; width: auto; float: left; display: none; z-index: 999;}
.infoIcon .innerTextwrapper .innerTop				{float: right; width: 100%; min-width: 40px; height: 10px; background: url(../imgLayout/formv1407/pointer_up_help.png) right 7px bottom no-repeat;}
.infoIcon .innerTextwrapper .innerBox				{float: left; clear: both; width: auto; min-width: 200px; max-width: 290px; padding: 10px; min-height: 50px; background-color: #85929e; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(samenvoordeel/inc/PIE/PIE.htc); border: none;}
.infoIcon .innerTextwrapper .innerBox .innerText	{float: left; width: 100%; color: white; font-size: 133%; line-height: 25px;}
	@media only screen and ( -webkit-min-device-pixel-ratio: 1.3 ), only screen and ( min--moz-device-pixel-ratio: 1.3 ), only screen and ( -o-min-device-pixel-ratio: 2.6/2 ), only screen and ( min-device-pixel-ratio: 1.3 ), only screen and ( min-resolution: 124.8dpi ), only screen and ( min-resolution: 1.3dppx ) {
		.infoIcon .innerIcon	{background: url(../imgLayout/formv1407/icon_infob.png) no-repeat; background-size: 24px 24px;}
	}

.pagefooter 	{float: left; clear: both; width: 100%; margin: 40px 0 0 0; padding: 20px 0 20px; border-top: solid #e6eaf0 1px; }
.pagefooter #qshoplogo						{float: left; clear: both; width: 50%; }
.pagefooter #qshoplogo .innerLogo			{float: left; width: 100%; height: 120px; text-align: center; overflow: hidden;}
.pagefooter #qshoplogo .innerLogo IMG		{max-height: 120px; width: auto; max-width: 100%;}
.pagefooter #qshoplogoMob					{float: left; clear: both; width: 100%; margin: 40px 0 0 0; display: none;}
.pagefooter #qshoplogoMob .innerLogo		{float: left; width: 100%; height: auto; text-align: center; overflow: hidden; padding: 20px 0 20px 0;}
.pagefooter #qshoplogoMob .innerLogo #shoplogoFormMob	{max-height: 120px; width: auto; max-width: 100%;}
.pagefooter #qsubmit						{float: right; margin: 0; width: 50%; text-align: right;}
	@media screen and (min-width: 0px) and (max-width: 767px){
		.pagefooter #qshoplogo		{display: none;}
		.pagefooter #qshoplogoMob	{display: block;}
		.pagefooter #qsubmit		{width: 100%;}
	}

#qpowered				{float: left; clear: both; width: 100%;}
#qpowered .innerImg		{height: 30px; margin: 20px 0 0 20px; font-size: 117%;}
#qpowered .innerImg A	{text-decoration: none; color: #aaa;}
/* background: url(../imgLayout/mobileForm/poweredbytfc.png) no-repeat; width: 200px; */

#qconditions					{float: left; clear: both; width: 100%; margin: 30px 0 0 0;}
#qconditions .innerFld			{font-size: 133%; text-align: center;}
#qconditions .innerFld A		{color: #000; font-weight: bold; text-decoration: underline;}
#qconditions .innerFld A:hover	{color: #000; font-weight: bold; text-decoration: underline;}

/*=================================================================================================================================================================================================================================================================*/
/*______________________________________________________________ form resultpage classes */
.innerResultWrapper 					{float: left; width: 100%;}
.innerResultWrapper #addThisReview		{float: left; clear: both; margin: 0; width: 100%; overflow: hidden;}
.innerResultWrapper #addThisReviewNot	{float: left; clear: both; margin: 0; width: 100%; overflow: hidden; font-size: 133%;}
.innerResultWrapper #verifiedmessage	{float: left; clear: both; margin: 0 0 40px 0; width: 100%; overflow: hidden; font-size: 133%;}
.innerResultWrapper .innerText			{float: left; clear: both; margin: 20px 0 20px 0; width: 100%; font-size: 133%;}
.innerResultWrapper .innerText A		{text-decoration: underline;}
.innerResultWrapper .innerText A:hover	{text-decoration: underline;}

textarea.productReviewDescription {
	width:98%;
	margin-bottom:20px;
}

.productReviewContainer {
	margin-top:10px;
}

.productReviewButton {
	float:right; display:block; margin:4px;
}

.numberOfCharacters {
	float:right;
}

.productReviewError {
	color:red;
	clear:left;
	display:block;
	width:100%;
	display:none;
}


/*=================================================================================================================================================================================================================================================================*/
/*______________________________________________________________ form button classes */
#submitbtn1				{background: #67d161 url(../imgLayout/formv1407/btnicon_next.png) right 18px center no-repeat; box-shadow: 0px 3px 0px #888888; padding-left: 35px; padding-right: 48px; background-size: 18px 18px;}
#submitbtn2				{background: #67d161 url(../imgLayout/formv1407/btnicon_sendgreen.png) 18px center no-repeat; box-shadow: 0px 3px 0px #888888; background-size: 21px 19px;}
#submitbtn3				{background: #67d161; padding-left: 35px; box-shadow: 0px 3px 0px #888888; min-width: 250px;}
#submitbtnDummy			{background: #67d161; padding-left: 35px; box-shadow: 0px 3px 0px #888888; min-width: 250px;}
	@media only screen and ( -webkit-min-device-pixel-ratio: 1.3 ), only screen and ( min--moz-device-pixel-ratio: 1.3 ), only screen and ( -o-min-device-pixel-ratio: 2.6/2 ), only screen and ( min-device-pixel-ratio: 1.3 ), only screen and ( min-resolution: 124.8dpi ), only screen and ( min-resolution: 1.3dppx ) {
		#submitbtn1		{background: #67d161 url(../imgLayout/formv1407/btnicon_nextb.png) right 18px center no-repeat;background-size: 18px 18px;}
		#submitbtn2		{background: #67d161 url(../imgLayout/formv1407/btnicon_sendgreenb.png) 18px center no-repeat;background-size: 21px 19px;}

	}

.priv__policy {
	float: left;
	clear: both;
	width: 100%;
	margin: 30px 0 0 0;
}
.priv__policy label {
	font-size: 133%;
	line-height: 1.5;
}
.priv__policy label a {
	text-decoration: underline;
	font-weight: bold;
}
.priv__policy input {
	margin: 0 12px;
}