.loginWrapper {
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	margin: 0 auto 30px auto;
	width: 950px;
	z-index: 1;
}

.loginFrameTop {
	width: 950px;
	background: url(/images/login/login-bg-top.png) no-repeat left top;
}

.loginFrameMiddle {
	position: relative;
	background: url(/images/login/login-bg-middle.png) repeat-y left top;
}

.loginFrameBottom {
	background: url(/images/login/login-bg-bottom.png) no-repeat left bottom;
}

.loginBox {
	float: left;
	padding: 30px 90px;
	width: 280px;
	_width: 460px;
}

.loginTitle, .createAccountTitle {
	font-size: 20px;
	font-weight: bold;
	text-shadow: #fff 0 1px 0;
	margin-bottom: 15px;
}

.loginTitle {
	background: url(/images/login/login-icon.png) no-repeat -4px -3px;
	padding-left: 42px;
	line-height: 34px;
}

.loginFieldLabel, .loginRememberMe {
	font-size: 14px;
	font-weight: bold;
	color: #5f5e5f;
	text-shadow: #fff 0 1px 0;
	line-height: 25px;
}

.loginRememberMe {
	margin-bottom: 30px;
}

input.login, select.login {
	width: 270px;
	height: 22px;
	_height: 28px;
	font-size: 14px;
	border: 1px solid #a7a7a7;
	padding-top: 6px;
	padding-left: 4px;
	background: url(/images/login/input-field-bg.png) repeat-x;
	margin-bottom: 15px;
}

select.login{
	height: auto;
	_height: auto;
	padding: 3px 4px;
}

/*.loginButton {
	width: 125px;
	height: 40px;
	background: url(/images/login/login-button-bg.png) no-repeat 0 0;
	border: none;
	font: bold 13px Helvetica, Tahoma, Arial, sans-serif;
	color: #000;
	cursor: pointer;
	text-shadow: #fff 0 1px 0;
	position: relative;
	left: 80px;
}

.loginButton:hover {
	background-position: 0 -40px;
}

.loginButton:active {
	background-position: 0 -80px;
}
*/
.loginNotes {
	margin-top: 30px;
	font: 12px/22px Helvetica, Tahoma, Arial, sans-serif;
	text-align: center;
	position: relative;
	width: 400px;
	margin-left: -57px;
}




.createAccountBox {
	float: left;
	width: 340px;
	_width: 480px;
	padding: 30px 40px;
	text-align: center;
}

.createAccountButton {
	display: block;
	background: url(/images/login/create-account-button-bg.png) no-repeat;
	width: 330px;
	height: 50px;
	_height: 85px;
	font: bold 18px Helvetica, Tahoma, Arial, sans-serif;
	color: #000;
	text-shadow: #fff 0 1px 0;
	text-decoration: none;
	padding-top: 28px;
	margin-top: 45px;
	margin-bottom: 45px;
}

.createAccountButton:hover {
	background-position: 0 -100px;
	color: #000;
	text-decoration: none;
}

.createAccountButton:active {
	background-position: 0 -200px;
}

.createAccountNotes {
	font-size: 13px;
	line-height: 20px;
	text-shadow: #fff 0 1px 0;
}

.register_section{float: left; width: 45%; padding: 15px;}
.field{width: 180px; float: left; margin-right: 20px;}
.field.address{width: 279px;}
.field.city{width: 259px;}
.field.apt{width: 80px; margin: 0;}
.field.zip{width: 110px; margin: 0;}
.field.country{width: 190px;}
.field.state{margin: 0;}
.newsletters{margin-top: 25px;}
.login_section{margin-right: 10px;}
.submit_registration{padding: 15px;}
input.createAccountButton{color: #222; border: none; margin: 0 auto; background-color: transparent; font-size: 18px; height: 79px; border: none;}
input.createAccountButton:hover {color: #000; text-decoration: none; font-size: 18px; border:none; background-color: transparent;}
input.createAccountButton:active {color: #000; text-decoration: none; font-size: 18px;  border:none; background-color: transparent;}

#accountRegistration{background: url(../images/register-bg-swirls.jpg) no-repeat left top;}
#accountRegistration .loginFrameBottom, #accountRegistration .loginFrameTop, #accountRegistration .loginFrameMiddle{background: none;}
#accountRegistration .login{background-color: #fff;}