@charset "utf-8";
/* CSS Document */

#splashContainer {
	width:975px;
	margin:0 auto;
	padding:5px 0;
}

#splashLeft{
	width:200px;
	margin:0;
	padding:0;
	float:left;
}
#splashRight{
	width:775px;
	margin:0;
	padding:0;
	float:right;
}
#splashLogo {
	width:200px;
	height:127px;
	background-image:url(../images/luvHzSplashLogo_beta.png);
	background-repeat:no-repeat;
	display:block;
}
#splashLogo span{
	display:none;
}
#splashHeader {
	height:104px;
	display:block;
}

#splashTabArea {

	width:775px;
	height:54px;
	background-image:url(../images/splashTabHeader.png);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
}
#splashBoxArea {
	background-image:url(../images/purpleBoxMid.jpg);
	background-repeat:repeat-y;
	background-position:right;
	min-height:300px;
	margin:0;
	padding:0;
}
#splashBoxBottom {
	background-image:url(../images/purpleBoxBottom.jpg);
	background-repeat:repeat-y;
	background-position:right;
	height:12px;
	margin:0;
	padding:0;
}
#signUpArea {
	margin:0 auto 0 auto;
	width:185px;
	padding:85px 0 0 0;
	background-image:url(../images/signUpNow.png);
	background-repeat:no-repeat;
	/* height:200px; */
}
#userLoginHolder {
	width:455px;
	float:right;
	
}

input.roundedBg  {
	background-color:transparent;
	background-image:url(../images/formLeftBg.png);
	background-repeat:no-repeat;
	background-position:0 0;
	border:0;
	outline:none;
	color:#666;
	margin:0;
	padding:0 0 0 5px;
	height:25px;
	font-weight:bold;
	font-size:10px;
	/*line-height:1;*/
	float:left;
	z-index:1;
}


.inputLabel{
	border:0;
	outline:none;
	color:#666;
	margin:0;
	font-weight:bold;
	font-size:10px;
/*	line-height:1.8;*/
	position: absolute;
	top: 4px;
	left: 10px;
	z-index:3;


}

.field_title{
color:#D1024D;
font-size:20px;
text-align:left;
margin-top:15px;
}
.errors {
font-size:14px;
text-align:left;
font-style:italic;
}

.badLogin{
padding-top:90px;
text-align:center;
color:#D1024D;
font-size:20px;
}

.splashMsg{
text-align:center;
color:#D1024D;
font-size:20px;
}

.formRightEnd {
	background-color:transparent;
	background-image:url(../images/formRightBg.png);
	background-repeat:no-repeat;
	background-position:0 0;
	width:12px;
	height:24px;
	display:block;
	margin:0;
	padding:0;
	float:left;
}
#userName {
	margin:8px 10px 0 0;
	float:left;
	position:relative;
}
#passWord {
	margin:8px 10px 0 0;
	float:left;
	position:relative; 
	}
#loginHolder {
	margin:0;
	width:93px;
	float:left;
}

input.login {
	background:url(../images/loginBtn.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	border:0;
	outline:none;
	height:36px;
	width:93px;
	padding:0;
	margin:0;

}
input.login:hover {
	background-position:0 -36px;
	outline:none;
	cursor:pointer;
}

#newUserName {
	margin:0 0 5px 0;
	position:relative; 
	border: 1px dashed white;
}
#newEmail {
	margin:0 0 5px 0;
	position:relative; 
	border: 1px dashed white;	
}
#newPassword {
	margin:0 0 5px 0;
	position:relative;
	border: 1px dashed white;
}
#confirmPassword {
	margin:0 0 0px 0;
	position:relative;
	border: 1px dashed white;
}
#signUpFormHolder input {
	width:162px;
	display:block;
	float:left;
}
#termsConditions input {
	width:auto;
	margin-right:10px;
}
#termsConditions {
	
}
#startVibeNHolder {
	margin:0 0 0 20px;
	
}
input.startVibeN{
	background:url(../images/startVibeNbtn.png);
	background-repeat:no-repeat;
	background-position:0 0;
	border:0;
	outline:none;
	height:37px;
	width:120px;
	padding:0;
	margin:0;
	float:right;
	display:block;
}

input.startVibeN:hover {
	background-position:0 -37px;
	outline:none;
	cursor:pointer;
	}
#forget {
	font-size:10px;
	color:#999;
	padding-top:5px;
}
#forget a, #forget a:link, #forget a:visited {
	color:#666;
	text-decoration:none;
}
#forget a:hover, #forget a:active {
	color:#666;
	text-decoration:underline;
}
#remember {
	font-size:10px;
	color:#999;
	
}

#remember input {
/*	float:right;
	width:auto;
	margin:0 0 0 5px;
	display:block;*/
}
#tabs {
	margin:0;
	padding:0;
}
#whatTab{
	background-image:url(../images/whatBtn.png);
	background-repeat:no-repeat;
	width:54px;
	height:36px;
	display:block;
	margin:0 25px 0 15px;
	padding:0 5px;
}

#whatTab:hover {
	background-position:0 0;
}
#whatTab a {
	width:54px;
	height:36px;
	display:block;
	}
#whatTab span{
	display:none;
}
#whyTab{
	background-image:url(../images/whyBtn.png);
	background-repeat:no-repeat;
	width:50px;
	height:36px;
	display:block;
	margin:0 25px;
	padding:0 5px;
}

#whyTab:hover {
	background-position:0 0;
}
#whyTab a {
	width:50px;
	height:36px;
	display:block;
	}
#whyTab span{
	display:none;
}
#whoTab{
	background-image:url(../images/whoBtn.png);
	background-repeat:no-repeat;
	width:44px;
	height:36px;
	display:block;
	margin:0 25px;
	padding:0 5px;
}

#whoTab:hover {
	background-position:0 0;
}
#whoTab a {
	width:44px;
	height:36px;
	display:block;
	}
#whoTab span{
	display:none;
}
#howTab{
	background-image:url(../images/howBtn.png);
	background-repeat:no-repeat;
	width:41px;
	height:36px;
	display:block;
	margin:0 25px;
	padding:0 5px;
}

#howTab:hover {
	background-position:0 0;
}
#howTab a {
	width:41px;
	height:36px;
	display:block;
	}
#howTab span{
	display:none;
}
#splashBoxArea p {
	margin:10px 0 0 10px;
}
.bigTxt {
	font-size:24px;
	line-height:1.25;
	color:#333;

}
.subTxt {
	font-size:18px;
	line-height:1.5;
	color:#444;
	text-align:justify;
}
#what {
	padding:10px;
	
}

#what img {
	margin-right:10px;
}
#whatTxt {
	float:left;
	width:410px;
}

#why {
	padding:10px;
}
#why img {
	margin:30px 10px 0 0;
}
#who {
	padding:10px;
}
#how {
	padding:10px;
}
#howTxt {
	width:375px;
	float:right;
	padding-right:5px;
}
#whoTxt {
	width:400px;
	float:right;
	padding-right:5px;
}
#stepCount {
	text-align:right;
	width:455px;
	float:right;
	font-size:24px;
	color:#999;
	padding-top:20px;
}
#stepName {
	color:#FFF;
	font-size:20px;
	text-align:left;
	width:400px;
	padding:15px 0 0 15px;
	float:left;
}

#closeButton{
	cursor:pointer;
	float:right;
	margin-right:5px;
	margin-top:10px;
	background:url(../images/closeBtn.png);
	background-repeat:no-repeat;
	width:34px;
	height:30px;
}
input.nextStep{
	background:url(../images/nextStep.png);
	background-repeat:no-repeat;
	background-position:0 0;
	border:0;
	outline:none;
	height:40px;
	width:124px;
	padding:0;
	margin:0;
	float:right;
	display:block;
	bottom:0;
	position:relative;
}

input.nextStep:hover {
	background-position:0 -40px;
	outline:none;
	cursor:pointer;
	}
#stepContent {
	padding:10px;	
}

.socialIcons {
position: relative;
clear:both;
float: left;
width:auto;
padding-top: 7px;
}
.socialIcons img {
border: none;
padding-right: 10px;
}