/*-- $Id: style.css 17501 2009-05-14 07:01:21Z tomasze $ */
/*------------- global -------------------*/

.error {
	color:                              #f00;
}
	
body {
	background:							#676767 url(../images/back.gif) repeat-x center top;
	margin:								0!important;
	padding:							0!important;
	text-align:							center!important;
}

* html body {
	backgrou\nd /**/:					#787878 url(../images/back_iemac.gif) repeat-x center top;
}

body, td, th {
	font:								normal 12px arial,helvetica,sans-serif;
	color:								#333;
	text-align:							left;
}

p {
	margin:								0;
	padding:							12px 0 0;
}

p.noTopPad {
	padding-top:						0;
}

p.topPad {
	padding-top:						20px;
}

.floatRight {
	float:								right;
}

img {
	border:								0;
}

h2 {
	font-size:							12px;
	font-weight:						bold;
	color:								#333;
	padding:							8px 0 0;
	margin:								0;
}

.required {
	color:								#DD7D22!important;
	font-weight:						bold;
}

div.line, div.lineSht {
	margin: 							10px 0;
	background: 						url(../images/line.gif) no-repeat left center;
	display:							block;
	height:								1px;
}

div.terms { /* registration only + change details page */
	font-size:							10px;
}

div.terms p { /* registration only + change details page */
	padding:							8px 0;
}

div.heading, div.subheading {
	display:							block;
	height:								25px;
	margin-bottom:						4px;
}

div.cDiv {
	clear:								left;
}

div.cDivRight {
	clear:								right;
}

div.cDivBoth {
	clear:								both;
}

/*------------- structure -------------------*/

div.globalWrap {
	text-align:							left!important;
	margin:								0 auto;
	background:			 				url(../images/back-border.gif) repeat-y;
	width: 								772px;
	padding: 							0 2px;
}

div.header {
	background:							url(../images/header_back.gif) repeat-x;
	width: 								772px;
	padding-bottom: 					7px;
	height:								119px;
}

div.header div.logo, div.header div.bg_gradient, div.header div.expert_skincare {
	height:								119px;
	float:								right;
	display:							block;
}

div.header div.logo {
	background:							url(../images/header_logo.gif) no-repeat top left;
	width:								190px;
}

div.header div.bg_gradient {
	width:								111px;
	background:							url(../images/header_blank.jpg) no-repeat;
}

div.header div.expert_skincare {
	width:								430px;
	background:							url(../images/header_tagline.gif) no-repeat bottom right;
}

div.header div.header_icons {
	display:							block;
	width:								430px;
	height:								87px;
	background:							url(../images/header_icons.jpg) no-repeat top right;
}

div.content {
	background:							#fff url(../images/content_back.gif) repeat-x top left;
	padding: 							0 22px;
	width: 								772px;
	widt\h:								728px;
}

div.content div.flashCtnt { /* homepage only */
	padding:	 						14px 0 21px;
}

div.footer {
	width:								772px;
	padding:	 						0 0 35px;
	font-size:							11px;
	text-align:							center!important;
}

div.footer div.logo {
	display:							block;
	width:								738px;
	height:								53px;
	margin:								25px 34px 5px 0px;
	background:							url(../images/footer_logo.gif) no-repeat top right;
}

div.footer div.tagline {
	margin-bottom: 						15px;
	background:							url(../images/footer_back.gif) no-repeat top left;
	width:								772px;
	height:								74px;
}

div.footer p {
	padding:							10px 30px 0px;
}

/*------------- tables -------------------*/

td.topCell, tr.topCell td {
	vertical-align:						top;
}

table {
	margin:								0;
	padding:							0;
}

table.generalTable {
	width:								728px;
}

table.generalTable td.textIntro, table.generalTable td.registerInfo { /* homepage only */
	width: 								236px;
	height:								250px;
	padding: 							22px 19px 0;
}

table.generalTable td.textIntro { /* homepage only */
	background:  						url(../images/home/content_introback.gif) no-repeat top left;
}

table.generalTable td.registerInfo { /* homepage only */
	background:  						url(../images/home/content_introback.gif) no-repeat top left;
}

table.generalTable td.loginInfo { /* homepage only */
	height:								250px;
	padding: 							22px 19px 0;
	width: 								142px;
	background:							url(../images/home/content_loginback.gif) no-repeat top left; 
}

* html table.generalTable td.loginInfo { /* homepage only */
	paddin\g /**/:						22px 6px 0 19px;
}

table.generalTable td.registerInfo div.heading { /* homepage only */
	background:							url(../images/home/head_register.gif) no-repeat;
	width:								159px;
}

table.generalTable td.loginInfo div.heading { /* homepage only */
	background:							url(../images/home/head_login.gif) no-repeat;
	width:								99px;
}

table.generalTable td.loginInfo div.subheading { /* homepage only */
	background:							url(../images/home/head_sub_alreadymember.gif) no-repeat;
	width:								122px;
	margin-top:							15px;
	margin-bottom:						10px;
}

table.generalTable td.loginInfo label { /* homepage only */
	font-size:							10px;
}

table.generalTable td.loginInfo input { /* homepage only */
	width: 								125px;
	font-size: 							10px;
	color:		 						#333;
}

table.generalTable td.loginInfo p { /* homepage only */
	padding:							5px 0 3px;
	font-size:							11px;
	width:								125px;
}

table.generalTable td.loginInfo p.loginButton { /* homepage only */
	padding:							19px 0 0!important;
}

table.generalTable td.loginInfo a { /* homepage only */
	padding-left: 						6px;
}

table.generalTable td.whyJoin { /* registration only */
	width: 								182px; 
}

table.generalTable td.whyJoin div.join { /* registration only */
	margin-top: 						50px;
	background: 						url(../images/register/back_whyjoin.gif) no-repeat;
	height: 							259px;
	heigh\t:							218px;
	padding: 							41px 15px 0 24px;
}

table.generalTable td.whyJoin div.join div.heading { /* registration only */
	width:								97px;
	height:								17px;
	background:							url(../images/register/head_whyjoin.gif) no-repeat;
}

table.generalTable td.whyJoin div.slides { /* registration only */
	margin:								70px 0px 0px 35px;
	width:								108px;
	height:								412px;
	/*background:							url(../images/register/slides.jpg) no-repeat; */
}

table.generalTable td.regoForm { /* registration only */
	background: 						url(../images/register/back_registration.gif) no-repeat top left;
	padding: 							23px 40px 0 25px;
}

table.generalTable td.regoForm div.heading { /* registration only */
	background:							url(../images/register/head_registerform.gif) no-repeat top left;
	width:								353px;
}

table.formTable td {
	padding: 							2px 5px 5px; 
}

/*------------- buttons -------------------*/

a:link, a:visited {
	color: 								#DD7D22;
	/*text-decoration: 					none;*/
}

a:hover, a:active {
	color: 								#E39228;
	text-decoration: 					underline;
}

a.btnRegister, a.btnUpdateDetails, a.btnSend, a.btnLogout, a.btnSendFriend {
	display:							block;
	margin-top:							7px;
}

a.btnRegister {
	background:							url(../images/home/btn_register.gif) no-repeat top left;
	width:								122px;
	height:								26px;
}

a.btnUpdateDetails {
	background:							url(../images/other/btn_updatedetails.gif) no-repeat top left;
	width:								170px;
	height:								41px;
}

a.btnSend {
	background:							url(../images/other/btn_send.gif) no-repeat top left;
	width:								122px;
	height:								41px;
}

a.btnLogout {
	background:							url(../images/other/btn_logout.gif) no-repeat top left;
	width:								122px;
	height:								26px;
}

a.btnSendFriend {
	background:							url(../images/other/btn_sendfriend.gif) no-repeat top left;
	width:								186px;
	height:								26px;
}

input.btnLogin, input.btnContinue, input.btnUnsubscribe, input.btnUpdate, input.btnEnter, input.btnLogout, input.btnSubmit, input.btnSendFriend {
	width:								122px!important;
	height:								26px!important;
}

input.btnLogin {
	background:							url(../images/home/btn_login.gif) no-repeat top left;
}

input.btnContinue {
	background:							url(../images/register/btn_continue.gif) no-repeat top left;
}

input.btnUnsubscribe {
	background:							url(../images/other/btn_unsubscribe.gif) no-repeat top left;
}

input.btnUpdate {
	background:							url(../images/other/btn_update.gif) no-repeat top left;
}

input.btnAgreeEnter {
	background:							url(../images/other/btn_agreeenter.gif) no-repeat top left;
	width:								150px!important;
	height:								26px!important;
}

input.btnEnter {
	background:							url(../images/other/btn_enter.gif) no-repeat top left;
}

input.btnLogout {
	background:							url(../images/other/btn_logout.gif) no-repeat top left;
}

input.btnSubmit {
	background:							url(../images/other/btn_submit.gif) no-repeat top left;
}

input.btnSendFriend {
	background:							url(../images/other/btn_sendfriend.gif) no-repeat top left;
	width:								186px!important;
	height:								26px!important;
}

a.homelink, a.logoutlink, a.backlink {
	display:							block;
	padding-top: 						7px;
}

a.homelink {
	background:							url(../images/register/link_home_off.gif) no-repeat 0px 7px;
	width:								56px;
	height:								15px;
}

a.homelink:hover {
	background:							url(../images/register/link_home_on.gif) no-repeat 0px 7px;
}

a.backlink {
	background:							url(../images/register/link_back_off.gif) no-repeat 0px 7px;
	width:								56px;
	height:								15px;
}

a.backlink:hover {
	background:							url(../images/register/link_back_on.gif) no-repeat 0px 7px;
}

a.logoutlink {
	background:							#fff url(../images/other/link_logout_off.gif) no-repeat 0px 7px;
	width:								76px;
	height:								29px;
}

a.logoutlink:hover {
	background:							#fff url(../images/other/link_logout_on.gif) no-repeat 0px 7px;
}

/*------------- form elements -------------------*/

form {
	margin:								0;
	padding:							0;
}

input, select {
	font-size:							11px;
}

input.inputSht, select.selectSht {
	width: 								55px;
}

input.inputLng, select.selectLng {
	width: 								190px;
}

input.inputExtLng, select.selectExtLng {
	width: 								200px;
}

input.inputs2f, select.selects2f {
	width: 								160px;
}

td.labelFields {
	width:								150px!important;
}

td.formFields {
	width:								195px!important;
}

* html td.formFields {
	widt\h /**/:						215px!important; 
}

td.comments {
	color: 								#DD7D22;
	font-size: 							11px;
	width:								110px!important;
}

td.radioBtn {
	width:								22px;
}

td.questionNo {
	width:								15px;
}

td.smallLabel label {
	font-size:							11px;
}

table.smallBoldLabels td label {
	font-weight:						bold;
	font-size:							11px;
}

select#ddlDay { /* registration only */
	width:								55px;
}

select#ddlMonth { /* registration only */
	width:								75px;
}

select#ddlYear { /* registration only */
	width:								55px;
}

/*---------------------------------------------*/

/*------------- GENERAL FULL WIDTH BACKGROUND -------------------*/

div.content div.general {
	background:							url(../images/other/back_other.gif) no-repeat top left;
	padding:							23px 4px 100px;
}

div.content div.general div.line {
	background: 						url(../images/other/line.gif) no-repeat left center!important;
}

div.content div.general div.lineSht {
	background: 						url(../images/line.gif) no-repeat left center!important;
}

div.content div.general h2 {
	color: 								#F46616!important;
	margin: 							0px 175px 0px 21px!important;
}

div.content div.general p, div.content div.general ul li, div.content div.general ol li, div.content div.general table {
	margin: 							0px 175px 0px 21px!important;
}

div.content div.general div.heading {
	padding-bottom:						7px;
}

body.thankyou div.content div.general div.heading { /* specific to the thank you page */
	background:							url(../images/other/head_thankyou.gif) no-repeat 21px 0;
	width:								230px;
}

body.unsubscribe div.content div.general div.heading { /* specific to the unsubscribe page */
	background:							url(../images/other/head_unsubscribe.gif) no-repeat 21px 0;
	width:								262px;
}

body.activateCustomer div.content div.general div.heading { /* specific to the activate customer (member confirmation) page */
	background:							url(../images/other/head_memberconfirm.gif) no-repeat 21px 0;
	width:								521px;
}

body.siteTerms div.content div.general div.heading { /* specific to the site terms page */
	background:							url(../images/other/head_terms.gif) no-repeat 21px 0;
	width:								401px;
}

body.privacy div.content div.general div.heading { /* specific to the privacy page */
	background:							url(../images/other/head_privacy.gif) no-repeat 21px 0;
	width:								300px;
}

body.forgottenPwd div.content div.general div.heading { /* specific to the forgotten password page */
	background:							url(../images/other/head_forgotpasswords.gif) no-repeat 21px 0;
	width:								491px;
}

body.changeDetails div.content div.general div.heading { /* specific to the change details page */
	background:							url(../images/other/head_changedetails.gif) no-repeat 21px 0;
	width:								314px;
}

body.competition div.content div.general div.heading { /* specific to the competition pages */
	background:							url(../images/other/head_competitions.gif) no-repeat 21px 0;
	width:								274px;
}

body.contact div.content div.general div.heading { /* specific to the contact page */
	background:							url(../images/other/head_contactus.gif) no-repeat 21px 0;
	width:								240px;
}

body.sendToFriend div.content div.general div.heading { /* specific to the send to friend page */
	background:							url(../images/other/head_tellfriend.gif) no-repeat 21px 0;
	width:								276px;
}


/*------------- MEMBERS HOME PAGE -------------------*/

div.content div.general div.details { /* only appears on the members home (logged in) page */
	background:							#E2E9EF url(../images/other/back_details.gif) no-repeat top;
	height:								144px;
	heigh\t:							114px;
	padding:							30px 0 0;
	margin:								15px 0 20px;
	width:								691px; 
}

body.membersHome div.content div.general div.heading {
	background:							url(../images/other/head_loggedin.gif) no-repeat 21px 0;
	width:								369px;
}

body.membersHome div.content a.logoutlink { 
	float:								right;
	margin-right:						68px;
}

* html body.membersHome div.content a.logoutlink {
	margin-right:						34px;
	margi\n-right /**/:					68px;
}

body.membersHome div.content div.general div.details p.customerDetails { 
	padding:							7px 0 0 50px;
}

* html body.membersHome div.content div.general div.details p.customerDetails {
	paddin\g /**/:						0 0 0 50px;
}

body.membersHome a.btnUpdateDetails { 
	float:								right;
	margin-right:						40px;
}

* html body.membersHome a.btnUpdateDetails {
	margin-right:						20px;
	margi\n-right /**/:					40px!important;
}

/*------------- SITE TERMS AND PRIVACY -------------------*/

body.siteTerms div.content div.general p, body.siteTerms div.content div.general ul li, body.siteTerms div.content div.general ol li, body.privacy div.content div.general p, body.privacy div.content div.general ul li, body.privacy div.content div.general ol li {
	font-size:							11px;
}

/*------------- CHANGE DETAILS PAGE -------------------*/

body.changeDetails div.content div.general div.changeDetailsForm h2 {
	color:								#333!important;
}

body.changeDetails div.content div.general table {
	margin: 							0px 21px!important;
}

body.changeDetails div.content div.general table table {
	margin:								0px!important;
}

body.changeDetails div.content div.general div.changeDetailsForm div.line {
	background: 						url(../images/line.gif) no-repeat left center!important;
}

body.changeDetails div.content div.general div.changeDetailsForm {
	padding-left:						40px;
	padding-right:						140px;
}

body.changeDetails div.terms p, body.changeDetails div.content div.general h2 {
	margin-right: 						51px!important;
}

* html body.changeDetails div.content div.general p.floatRight {
	margin-right: 						81px!important;
	padding-top:						0!important;
}

/*------------- COMPETITION PAGES -------------------*/

body.competition p.nopad 
{
	width: 								600px;
	margin:								0px;
	font-size:							0.8em;
}

body.competition div.content div.general table.formTable {
	width: 								650px;
	margin: 							0px 45px 0px 21px!important;
}

body.competition div.content div.general table.formTable td.alignRight {
	text-align:							right;
}

body.competition div.content div.general table.formTable td p {
	margin:								0px 21px 0px 0px!important;
}

body.competition div.content div.general table.formTable table.competitionTable {
	width:								400px;
	margin: 							0px!important; 
}

body.competition div.content div.general table.formTable table.competitionTable td {
	padding: 							17px 5px 20px; 
}

body.competition div.content div.general table.formTable table.competitionTable td.noPad {
	padding: 							0px 5px!important; 
}

body.competition div.content div.general ul {
	margin: 							0px 20px!important; 
	padding: 							0px!important;
}

body.competition div.content div.general ul li {
	margin: 							0px!important;				
	padding: 							0px!important;
}

/*------------- CONTACT US -------------------*/

body.contact div.content div.general table.formTable {
	width: 								400px;
	margin: 							0px 45px 0px 21px!important;
}

body.contact div.content div.general table.formTable td.chkBoxCell {
	width:								15px;
	padding:							0;
	margin:								0;
}

body.contact div.content div.general table.formTable td.lblCell {
	width:								140px;
}

body.contact div.content div.general table.formTable td.comments {
	width:								auto!important;
}

body.contact div.content div.general div.lineSht {
	margin-left:						20px;
}

body.contact div.content div.general div.terms {
	padding:							0!important;
	width: 								500px;
}

body.contact div.content div.general div.terms p {
	margin:								0px 20px!important;
}

/*------------- SEND TO FRIEND PAGE -------------------*/

body.sendToFriend div.content div.general h2 {
	color:								#333!important;
}

body.sendToFriend div.content a.logoutlink { 
	float:								right;
	margin-right:						68px;
}

body.sendToFriend div.content div.general div.sendToFriendForm div.line {
	background: 						url(../images/line.gif) no-repeat left center!important;
}

body.sendToFriend div.content div.general div.sendToFriendForm {
	padding-left:						40px;
	padding-right:						0px!important;
}

body.sendToFriend div.content div.general div.sendToFriendForm table.formTable {
	margin-left:						0px!important; 
	margin-right:						0px!important;
}

div.general div.sendToFriendForm h2, div.general div.sendToFriendForm p {
	margin-right: 						91px!important;
	margin-left:						0px!important;
}


/*------------- WINNERS -------------------*/

body.winners div.content div.general div.heading { /* specific for the winners page */
	background:							url(../images/winners/head_winners.gif) no-repeat 21px 0;
	width:								431px;
}

div.winnersLeft, div.winnersRight {
	width:								310px;
	float:								left;
}

div.winnersLeft {
	margin:								5px 15px 5px 20px;
}

* html div.winnersLeft {
	margin:								5px 15px 5px 10px;
	margi\n /**/:						5px 15px 5px 20px;
}

div.winnersRight {
	margin:								5px 20px 5px 15px;
}

* html div.winnersRight {
	margin:								5px 10px 5px 15px;
	margi\n /**/:						5px 20px 5px 15px;
}

body.winners div.winnersLeft p, body.winners div.winnersRight p, body.winners div.winnersLeft h2, body.winners div.winnersRight h2 {
	margin:								0px!important;
	padding:							5px 0px!important;
}

h1 {
	font-size:							16px;
	font-weight:						bold;
	color:								#F46616;
	padding:							10px 0px 0px;
	margin: 							0px 55px 0px 21px!important;
}

h3 {
	font-size:							12px;
	font-weight:						bold;
	color:								#333;
	margin:								0px;
	padding:							5px 0px;
}