@import url('/css/submenu.css');

#loyaltyoffers #tlcoffer {
	padding-top:23px
}
#loyalty #allContent {
	background: url(../images/TLC/tlc_home.jpg) no-repeat 0px 0px;
}
#loyaltyprofile #allContent {
	width:990px;
	height:410px;
	background: url(../images/TLC/tlc_profile.jpg) no-repeat 0px 0px;
}
#loyaltyoffers #allContent {
	background: url(../images/TLC/bk_tlc_promo.jpg) no-repeat 0px 0px;
}
#allContent p {
	color: #86858a;
	font-size: 0.6em;
}
#loyalty #allContent p {
	padding-top: 2px;
	padding-bottom: 2px;
}
#left {
	float: right;
	width: 305px;
	margin-top: 159px;
}
#left a {
	color: #19a0e2;
}
#right {
	float: right;
	width: 415px;
	margin-top: 159px;
}
#loyaltyoffers #words {
	position: absolute;
	width: 210px;
	font-size: 0.6em;
	font-weight: bolder;
	color: #E82124;
	left: 286px;
	top: 321px;
}

#loyalty  h4 {
	font-family: "Times New Roman", Times, serif;
	color: #E82124;
	text-transform: uppercase;
}
#right ul {
	margin-left: 0.7em;
}
#right li {
	color: #E82124;
	font-style: italic;
	font-weight: bold;
	font-size: 0.6em;
	padding-bottom: 3px;
}
#loyalty #allContent p.formerror {
	color: #000;
	font-weight: bold;
	font-size: 0.8em;
}
#right li span {
	color: #86858a;
}
#loyalty #wrapper #allContent #right p a {
	color: #86858a;
}
#loyalty-login-wrapper {
	margin-top: 35px
}
#loyalty-logout-wrapper {
	position: absolute;
	width: 250px;
	font-size: 0.8em;
	font-weight: bold;
	left: 271px;
	top: 136px;
}

fieldset.loyalty-login label {
	display: block;
	font-weight: bold;
	float: left;
	width: 80px;
	line-height: 1.5em;
}
#loyalty-profile-form label {
	display: block;
	font-size:70%;
	color: #86858a;
	font-weight: bold;
	float: left;
	width: 100px;
	line-height: 1.5em;
}
#loyalty-profile-form #left label {
	width: 80px;
}
#loyalty fieldset {
	padding-top: 5px;
	padding-bottom: 5px;
	border:none;
}
fieldset.loyalty-login #loyalty-card {
	width: 180px;
	background: #DBDBDB;
}
fieldset.loyalty-login #loyalty-pass {
	width: 180px;
	background: #DBDBDB;
}
#loyalty-submit {
	margin-left: 155px	
}
#loyalty-submit:hover {
	background: url(../images/TLC/tlc_signin_btn_hover.gif) no-repeat;
}
#loyalty-profile-wrapper {
	position: relative;
	top: 100px;
	left: 270px;
}

#loyalty-profile-form {
}

/*formats all the input boxes on the left*/
#loyalty-profile-form input {
	font-size: 70%;
	background-color: #DBDBDB;
	vertical-align: middle;
	width: 150px;
	height: 16px;
}
/*formats all the select boxes on the right except state*/
#loyalty-profile-form select {
	font-size: 70%;
	background-color: #DBDBDB;
	width: 100px;
	height: 18px;
	vertical-align: top;
}

#loyalty-profile-wrapper p {
	font-size: 12px;
	color: #000;
}

#loyalty-profile-form .required-field {
	font-size: 12px;
	vertical-align: middle;
	color: #ff0000;
	margin-left: 5px;
}


#loyalty-profile-form #loyalty-salutation-wrapper {
	position: absolute;
	top: 41px;
	left: 0px;
}
#loyalty-profile-form #loyalty-salutation {
	width: 60px;
}
#loyalty-profile-form #loyalty-first-wrapper {
	position: absolute;
	top: 65px;
	left: 0px;
}

/*#loyalty-profile-form #loyalty-first-wrapper input {
	width: 100px;
	border: 1px solid #000;
	height: 16px;
}*/
#loyalty-profile-form #loyalty-last-wrapper {
	position: absolute;
	top: 89px;
	left: 0px;
}
/*#loyalty-profile-form #loyalty-last {
	position: absolute;
	top: 89px;
	left: 80px;
	width: 100px;
	height: 16px;
	border: 1px solid #000;
}*/

/*#loyalty-profile-form #loyalty-address1 {
	position: absolute;
	top: 113px;
	left: 0px;
	width: 213px;
	height: 16px;
	border: 1px solid #000;
}*/
#loyalty-profile-form #loyalty-address1-wrapper {
	position: absolute;
	top: 113px;
	left: 0px;
}
#loyalty-profile-form #loyalty-address2 {
	position: absolute;
	top: 137px;
	left: 80px;
/*	width: 213px;
	height: 16px;
	border: 1px solid #000;*/
}
#loyalty-profile-form #loyalty-suburb-wrapper {
	position: absolute;
	top: 161px;
	left: 0px;
}
/*#loyalty-profile-form #loyalty-suburb {
	position: absolute;
	left: 80px;
	top: 161px;
	width: 213px;
	height: 16px;
	border: 1px solid #000;
}*/

#loyalty-profile-form #loyalty-state-wrapper {
	position: absolute;
	top: 185px;
	left: 0px;
}
/*#loyalty-profile-form #loyalty-state {
	position: absolute;
	top: 185px;
	left: 0px;
	width: 143px;
	height: 16px;
	border: 1px solid #000;
}*/
#loyalty-profile-form #loyalty-postcode-wrapper {
	position: absolute;
	top: 209px;
	left: 0px;
}

#loyalty-profile-form #loyalty-postcode-wrapper input {
	width: 50px;
/*	height: 16px;
	border: 1px solid #000;*/
}

#loyalty-profile-form #loyalty-email-wrapper {
	position: absolute;
	top: 257px;
	left: 0px;
}
#loyalty-profile-form #loyalty-email-wrapper input {
/*	width: 150px;
	height: 16px;
	border: 1px solid #000;*/
}
#loyalty-profile-form #loyalty-mobile-wrapper {
	position: absolute;
	top: 233px;
	left: 0px;
}
/*#loyalty-profile-form #loyalty-mobile {
	position: absolute;
	top: 233px;
	left: 0px;
	width: 143px;
	height: 16px;
	border: 1px solid #000;
}*/
#loyalty-profile-form #loyalty-birthmonth-wrapper {
	position: absolute;
	top: 89px;
	left: 270px;
}
/*#loyalty-profile-form #loyalty-birthmonth {
	position: absolute;
	top: 89px;
	left: 270px;
	width: 143px;
	height: 16px;
	border: 1px solid #000;
}*/

#loyalty-profile-form #loyalty-agerange-wrapper {
	position: absolute;
	top: 113px;
	left: 270px;
}
/*#loyalty-profile-form #loyalty-agerange {
	position: absolute;
	top: 113px;
	left: 270px;
	width: 143px;
	height: 16px;
	border: 1px solid #000;
}*/
#loyalty-profile-form #loyalty-hairtype {
	position: absolute;
	top: 130px;
	left: 270px;
	color: #666;
}
#loyalty-profile-form #loyalty-hairtype p {
	color: #666;
}
#loyalty-profile-form #loyalty-hairtone-wrapper {
	position: absolute;
	top: 155px;
	left: 270px;
}
/*#loyalty-profile-form #loyalty-hairtone {
	position: absolute;
	top: 137px;
	left: 270px;
	width: 173px;
	height: 16px;
	border: 1px solid #000;
}*/
#loyalty-profile-form #loyalty-hairtype1-wrapper {
	position: absolute;
	top: 179px;
	left: 270px;
}
/*#loyalty-profile-form #loyalty-hairtype1 {
	position: absolute;
	top: 161px;
	left: 270px;
	width: 173px;
	height: 16px;
	border: 1px solid #000;
}*/
#loyalty-profile-form #loyalty-hairtype2-wrapper {
	position: absolute;
	top: 203px;
	left: 270px;
}

/*#loyalty-profile-form #loyalty-hairtype2 {
	position: absolute;
	top: 185px;
	left: 270px;
	width: 173px;
	height: 16px;
	border: 1px solid #000;
}*/
#loyalty-profile-form #loyalty-hairtype3-wrapper {
	position: absolute;
	top: 223px;
	left: 270px;
	width: 230px;
}
#loyalty-profile-form #loyalty-hairtype3-wrapper select {
	margin-left: 100px;
}
#loyalty-profile-form #loyalty-hairtype3-wrapper label {
	width: 230px;
}
/*#loyalty-profile-form #loyalty-hairtype3 {
	position: absolute;
	top: 209px;
	left: 270px;
	width: 173px;
	height: 16px;
	border: 1px solid #000;
}*/

#loyalty-profile-form #loyalty-required-instructions {
	position: absolute;
	top: 24px;
	left: 0px;
	color: #ff0000;
	font-size: 10px;
	padding: 0px;
	
}

#loyalty-card-id-wrapper {
	position: absolute;
	top: 36px;
	left: 270px;
	
}

#loyalty-card-id {
	font-size: 70%;
}

#loyalty-gender-wrapper {
	position: absolute;
	top: 61px;
	left: 350px;
	
}

#loyalty-gender-wrapper input {
	display: inline;
	width: auto;
	float: none;
	vertical-align: middle;
	background-color: none;
}

#loyalty-gender-wrapper label {
	display: inline;
	width: auto;
	font-weight: normal;
	font-size: 12px;
	float: none;
	vertical-align: middle;
}

#loyalty-subscribed-wrapper {
	position: absolute;
	top: 176px;
	left: 504px;
	width: 209px;
}

#loyalty-subscribed-wrapper input {
	display: inline;
	width: auto;
	float: none;
	vertical-align: middle;
	background-color: none;
}

#loyalty-subscribed-wrapper label {
	display: inline;
	width: auto;
	font-weight: normal;
	font-size: 9px;
	float: none;
	vertical-align: middle;
}
/*This is for the subscribed marketing tick box which is commented out because we cannot use it currently and if HHWH are using vision 6*/

#loyalty-marketing-subscribed-wrapper {
	position: absolute;
	top: 267px;
	left: 270px;
	width: 180px;
}

#loyalty-marketing-subscribed-wrapper input {
	display: inline;
	width: auto;
	float: none;
	vertical-align: middle;
}

#loyalty-marketing-subscribed-wrapper label {
	display: inline;
	width: auto;
	font-weight: normal;
	font-size: 9px;
	float: none;
	vertical-align: middle;
}
/*-----------------------------------------------------*/

#loyalty-profile-form #loyalty-submit {
	position: absolute;
	margin-left: 0px;
	top: 225px;
	left: 581px;
	width: 107px;
	height: 32px;
	border: none;
	background: #fff url('../images/TLC/update_details.jpg');
	background-repeat: no-repeat;
	cursor: pointer;
}

#loyalty-profile-form #loyalty-submit-instructions {
	position: absolute;
	top: 257px;
	left: 589px;
	color: #ff0000;
	font-size: 9px;
}

/*Loyalty update profile page, password section*/

#loyalty-passwords-wrapper {
	position: absolute;
	top: 0px;
	left: 491px;
	background: #f2f0f1;
	width: 210px;
	height: 164px;
	padding-right: 15px;
	overflow: visible;
}

#loyalty-passwords-internal {
	position: relative;
}

#loyalty-passwords-internal input{
	width: 110px;
	height: 16px;
	vertical-align: middle;
	border: 1px solid #000;
}

#loyalty-passwords-internal label {
	width: 73px;
	font-weight: normal;
	font-size: 11px;
	vertical-align: middle;
}

#loyalty-passwords-wrapper #loyalty-passwords-heading {
	position: absolute;
	top: 10px;
	left: 25px;
	color:#19A0E2;
}

#loyalty-existing-password-wrapper {
	position: absolute;
	top: 46px;
	left: 25px;
}

#loyalty-password-wrapper {
	position: absolute;
	top: 44px;
	left: 24px;
}

#loyalty-password2-wrapper {
	position: absolute;
	top: 68px;
	left: 24px;
}

#loyalty-passwords-internal #loyalty-password-submit {
	position: absolute;
	top: 98px;
	left: 100px;
	width: 107px;
	height: 32px;
	border: none;
	background: #fff url('../images/TLC/update_password.jpg');
	background-repeat: no-repeat;
	cursor: pointer;

}

#loyalty-password-error {
	position: absolute;
	top: 138px;
	left: 25px;
	font-size: 90%;
	color: #ff0000;
}

#loyalty-password-message {
	position: absolute;
	top: 138px;
	left: 25px;
	font-size: 90%;
	color: #19a0e2;
}

#loyalty-form-error {
	position: absolute;
	top: 280px;
	left: 0px;
	font-size: 90%;
	color: #F00;
}

#loyalty-form-message {
	position: absolute;
	top: 280px;
	left: 0px;
	font-size: 90%;
	color: #19a0e2;
}