section.login-section { max-width: 100%; max-height: 541px; background: url("/responsive-ecommerce/images/merchant-login/background.jpg") no-repeat 0 0; padding: 0; background-size: cover; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 58px 0;  }
	section.login-section .errors { clear: both; width: 88%; margin: 18px 6% 0 6%; color: #ca0814; text-align: left; }
	section.login-section .page-message { clear: both; width: 88%; margin: 18px 6% 0 6%; color: #15b345; text-align: left; }
	section.login-section .info-text { clear: both; width: 88%; margin: 18px 6% 0 6%; text-align: left; }
	section.login-section .login-container { margin: 0 auto; border: 2px solid #d6d6d6; border-radius: 4px; max-width: 350px; width: 100%; display: block; background-color: #fff; overflow: hidden; -webkit-box-shadow: 0px 0px 47px 1px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 47px 1px rgba(0,0,0,0.75); box-shadow: 0px 0px 47px 1px rgba(0,0,0,0.75); padding-bottom: 22px; }
	section.login-section .login-container h2 { padding: 0; line-height: 53px; height: 53px; font-size: 20px; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #ececed 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececed)); background: -webkit-linear-gradient(top,  #ffffff 0%,#ececed 100%); background: -o-linear-gradient(top,  #ffffff 0%,#ececed 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#ececed 100%); background: linear-gradient(to bottom,  #ffffff 0%,#ececed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececed',GradientType=0 ); border-bottom: 1px solid #dbdbdb; text-shadow: 0px 2px 2px rgba(255, 255, 255, 1); }
	section.login-section .login-container .input-container	{ overflow: hidden; width: 88%; margin: 0 6%; border-radius: 4px; background-color: #f6f6f6; border: 1px solid #e3e3e3; -webkit-box-shadow: inset 0px 0px 10px 0px rgba(91,91,91,.15); -moz-box-shadow: inset 0px 0px 10px 0px rgba(91,91,91,.15); box-shadow: inset 0px 0px 10px 0px rgba(91,91,91,.15); margin-top: 24px; }
	section.login-section .login-container .input-container .username, section.login-section .login-container .input-container .password, section.login-section .login-container .input-container .checkword { width: 100%; height: 39px; background-color: transparent; color: #113a68; padding-left: 42px; font-size: 14px; }
	section.login-section .login-container .input-container .username { border-bottom: 1px solid #e3e3e3; background: url("/responsive-ecommerce/images/merchant-login/icon-user.png") no-repeat 13px 10px; }
	section.login-section .login-container .input-container .password { background: url("/responsive-ecommerce/images/merchant-login/icon-padlock.png") no-repeat 13px 9px; }
	section.login-section .login-container .image-container	{ overflow: hidden; width: 88%; margin: 0 6%; margin-top: 20px; height: 76px; }
	section.login-section .login-container button { height: 58px; display: block; width: 88%; margin: 21px 6% 0 6%; background-color: #113a68; color: #fff; border-radius: 4px; font-size: 20px; }
	section.login-section .login-container button:before { content: " "; width: 25px; float: left; display: inline; height: 1px; }
	section.login-section .login-container button:after { content: "\00BB"; padding-right: 15px; vertical-align: text-top; display: inline; float: right; }

	.register-field-error { color: #ff0000;	margin-top: 3px; margin-bottom: 8px; }

	::-webkit-input-placeholder { color: #113a68; }
	:-moz-placeholder { color: #113a68; opacity: 1; }
	::-moz-placeholder { color: #113a68; opacity: 1; }
	:-ms-input-placeholder { color: #113a68; }

	@media screen and (max-width: 340px) {

		section.login-section { padding: 15px 0; }
		section.login-section .login-container .input-container, section.login-section .login-container .image-container, section.login-section .login-container .checkword, section.login-section .login-container button { width: 96%; margin-left: 2%; margin-right: 2%; }
		section.login-section .errors { width: 96%; margin: 18px 2% 0 2%; }
		section.login-section .page-message { width: 96%; margin: 18px 2% 0 2%; }
		section.login-section .info-text { width: 96%; margin: 18px 2% 0 2%; }
	}