@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1100px) {
	.wrapper{ width:90%;}
}

@media screen and (max-width: 998px) {
	ul.stephead li {  margin:0 0 0 60px; }
}

@media screen and (max-width: 979px) {
	.logo{ float:none; width:100%; text-align:center;}
	.details { float:none; width:100%;}
	.details ul{ width:100%; text-align:center;}
	.details ul li{ width:50%;}
}

@media screen and (max-width: 840px) {
	.editordivrow .edimgleft {float: left; width: 35%; }
	.editordivrow .edcontentright {float: right; width: 60%; }
	
	.editordivrow .edimgright {float: right; width: 35%; }
	.editordivrow .edcontentleft {float: left; width: 60%; }
	ul.stephead li {  margin:0 0 0 50px; }
}

@media screen and (max-width: 799px) {
	.leftcol, .leftcol2{ width:100%; clear:both;}
	.rightcol, .rightcol2{ width:100%; clear:both;}
}

@media screen and (max-width: 770px) {
	ul.stephead li {  margin:0 0 0 40px; font-size: 15px; }
}

@media screen and (max-width: 767px) {
	.credit_authorization { width: 60%; }
	.footer .footerbottomdiv { float: none; width: 100%; margin-left: 0%; }
	.footerdiv1 { text-align: center; }
	.footerdiv2 { text-align: center; margin-top: 10px; }
	.footerdiv3 { text-align: center; margin-top: 10px; }
}

@media screen and (max-width: 700px) {
	.left-cell-half, .singleblock_box .left-cell-half{float:left; width:100%; margin-bottom: 20px; }
	.right-cell-half, .singleblock_box .right-cell-half{float:left; width:100%;}	
	ul.stephead li {  margin:0 0 0 30px; }
}

@media screen and (max-width: 620px) {
	ul.stephead li {  margin:0 0 0 20px; }
	.credit_authorization { width: 70%; }
}

@media screen and (max-width: 600px) {
	ul.stephead li {  margin:0 0 0 20px; font-size: 13px; }
	.details ul li{ width:100%; text-align:center;}
}

@media screen and (max-width: 531px) {
	ul.stephead { padding: 0; margin: 0; list-style: none; z-index: 2; position:relative; top: 0px;}
	ul.stephead li { width: 100%; margin:0 0 10px 0; padding:0 0 0 30px; background:url(../images/stepnormal.png) 0 0 no-repeat; font-size: 16px; }
	ul.stephead li.active { background:url(../images/stepactive.png) 0 0 no-repeat; }
	ul.stephead li.completed { background:url(../images/stepcompleted.png) 0 0 no-repeat; }
	.multistepform-holder {  margin-top: 10px; }
	.credit_authorization { width: 80%; }
}

@media screen and (max-width: 500px) {
	.editordivrow .edimgleft {float: left; width: 100%; margin-bottom: 12px; }
	.editordivrow .edcontentright {float: right; width: 100%; }
	
	.editordivrow .edimgright {float: right; width: 100%; }
	.editordivrow .edcontentleft {float: left; width: 100%; margin-bottom: 12px; }
	.leftfloatdiv { float: none; display: block; width: 100%; margin: 0 0 8px 0;}
	.editordivrow .leftfloatdiv { width: 100%; }
	
	ul.form li.left{float:left; width:100%;}
    ul.form li.right{float:left; width:100%;}
}

@media screen and (max-width: 480px) {
	.credit_authorization { width: 100%; font-size: 18px; }
	.creditauthcheckbox input[type="checkbox"], 
	.cocreditauthcheckbox input[type="checkbox"]{ 
		width   : 20px;
	}
	
	.creditauthcheckbox input[type="checkbox"]+label, 
	.cocreditauthcheckbox input[type="checkbox"]+label  { 		
		height:18px;
		padding-left: 28px;
		margin-left  : -28px;	
	}
	
	.creditauthcheckbox input[type="checkbox"]:checked + label, 
	.cocreditauthcheckbox input[type="checkbox"]:checked + label {
		padding-left: 28px;
	}
	
	.creditauthcheckbox input[type="checkbox"]+label,
	.cocreditauthcheckbox input[type="checkbox"]+label {   
		background: url('../images/checkbox1.png') no-repeat;
		height:18px; 
		background-size: 18px 36px;
	}
	
	.creditauthcheckbox input[type="checkbox"]:checked + label,
	.cocreditauthcheckbox input[type="checkbox"]:checked + label {   
		background: url('../images/checkbox1.png') no-repeat;
		background-position: 0px -18px;
		background-size: 18px 36px;
	}
	
	
	.editordivrow .edimgleft {float: left; width: 100%; margin-bottom: 12px; }
	.editordivrow .edcontentright {float: right; width: 100%; }
	
	.editordivrow .edimgright {float: right; width: 100%; }
	.editordivrow .edcontentleft {float: left; width: 100%; margin-bottom: 12px; }
	.leftfloatdiv { float: none; display: block; width: 100%; margin: 0 0 8px 0;}
	.editordivrow .leftfloatdiv { width: 100%; }
	
	ul.form li.left{float:left; width:100%;}
    ul.form li.right{float:left; width:100%;}
}

@media screen and (max-width: 360px) {
	.credit_authorization { width: 100%; font-size: 14px; }
}