﻿#form-page
{
	margin:0px 0px 40px 10px;
	display:inline;
}
.column-left
{
	width: 252px;
	float:left;
	margin: 0px 10px 10px 20px;
}
.column-left input, .column-left select, .column-left textarea,
.column-right input, .column-right select, .column-right textarea
{
	border:solid 1px #d7dddb;
	width:240px;
	margin-bottom:10px;
}
.column-left input, .column-left select,
.column-right input, .column-right select
{
	height:20px;
}
.column-left .submit-btn,
.column-right .submit-btn
{
	width:119px;
	height:23px;
	background-image:url('images/btn_submit.jpg');
	border:none;
}
hr 
{
	margin: 10px 15px 10px 15px;
	border:none;
	border-top: solid 1px #d7dddb;
}
 
.column-right
{
	float:left;
}

.column-right-element
{
	margin: 0px 0px 10px 10px;
}
.column-right
{
	width: 260px;
	margin: 0px 10px 0px 10px;
	border: none;
}
#promo-270-products /* promos.css */ 
{
	float:right; margin-right:11px;
}

/**************************************************************************
** $Id: $
**
** Copyright (c) 2000-2007 MassMedia Studios Pty Ltd.
** 68-72 Wentworth Ave, Surry Hills, NSW 2010, Australia.
** All rights reserved.
**
** This software is the confidential and proprietary information of 
** MassMedia Studios Pty Ltd. ("Confidential Information").  You shall not
** disclose such Confidential Information and shall use it only in
** accordance with the terms of the license agreement you entered into
** with MassMedia Studios Pty Ltd.
** ------------------------------------------------------------------------
** 
** Author/s: Chris Ash (web dev)
** Release notes:
**
**************************************************************************/

.errorMessage
{
	font-weight: bolder;
	color: Red;
}


.validationSummary
{
	border-right: red 1px solid;
	border-top: red 1px solid;
	border-left: red 1px solid;
	border-bottom: red 1px solid;
	background-color: #fffacd;
	font-weight: bolder;
	color: Red;
}

/*-------------------------- INPUT ELEMENTS --------------------------*/

input, select {
	color:								#333;
/*	height:								20px; */
	border: 							1px solid #a6a6a6;
	background:							#fff;
	float:								none;
}

.regLeft label, .regRight label {
	padding:							5px 0 5px 0!important;
	float: none;
}

input.inputLng {
	width:								248px;
	margin:								4px 0 10px 0;
	padding:							1px;
	float: 								none;	
}
input.inputLng:hover {
	background:							#e7f5fb;
}
select.selectDDstateLng {
	width:								248px;
	height: 							22px;
	margin:								3px 0 10px 0;
	float: 								none;
	display: 							block;
	clear: 								left;
}
textarea.textareaLng {
	width:								520px;
	height:								100px;
	margin:								4px 0 10px 0;
	padding:							1px;
	float: 								none;	
	border: 							1px solid #a6a6a6;
}
textarea.textareaLng:hover {
	background:							#e7f5fb;
}
input.inputSht {
	width:								76px;
	margin:								4px 0 10px 0;
	padding:							1px;
	float: 								none;	
}
input.inputMed {
	width:								150px;
	padding:							1px;
}

select.selectDDstate {
	width:								158px;
	height: 							22px;
	margin:								3px 0 10px 0;
	float: 								none;
	display: 							block;
	clear: 								left;
}

select.selectDDchild {
	width:								121px;
	height: 							22px;
	margin:								3px 0 10px 0;
	float: 								none;
	display: 							block;
	clear: 								left;
}
select.selectDDcountry {
	width:								252px;
	height: 							22px;
	margin:								3px 0 10px 0;
	float: 								none;
	display: 							block;
	clear: 								left;
}
select.dob {
	width:								50px;
	margin-right:						5px;
	height: 							21px;
}
select.year {
	width:								75px;
	height: 							21px;
}
select.selectLng {
	width:								248px;
	height:								150px;
	margin:								3px 0 10px 0;
}

.radioLabel {
	margin:								0 0 0 4px!important;
	padding:							0px 0 0 0!important;
}
input.rdoBtn {
	border:								0;
	margin:								-1px 5px 0 0;
	padding:							0;
	vertical-align:						middle;
}
*html input.rdoBtn {
	margin:								-4px 2px -4px -4px;
}
*+html input.rdoBtn {
	margin:								-4px 2px -4px -4px;
}

input.chkBox {
	border:								0;
	margin:								-1px 5px 0 0;
	padding:							0;
	vertical-align:						middle;
}
*+html input.chkBox {
	margin:								-4px 2px -4px -4px;
}
*html input.chkBox {
	margin:								-4px 2px -4px -4px;
}
.rSide label {
	float: 								left;
	width: 								80px;
}

.error, label em, p em {
	color: 								red;
	font-style:							normal;
}

label.rdLabel {
	float:								left;
	width: 								50px!important;
}
label.rdLabel2 {
	float:								left;
	width: 								62px!important;
}

.chkWrap {
	float:								left;
	width:								280px;
}
.chkWrap label {
	float:								left;
	width: 								250px!important;
}


.clearGap {
	height:								9px;
 	overflow:							hidden;
	clear:								left;
 	display: 							block;
}
.cDiv {
	clear:								left;
	height:								1px;
 	overflow:							hidden;
 	margin-top:							-1px;
 	display: 							block;
}

.brandOr {
	margin:								4px 0 10px 0;
}

.checkArea {
	border-top: 						1px solid #d7dddc;
	padding:							21px 20px 21px 0;
	width:								527px;
	widt\h:								507px;
}
.submitArea {
	border-top: 						1px solid #d7dddc;
	padding:							21px 0;
	width:								527px;
}




.copyBox {
	border:								1px solid #eee;
	width:								475px;
	padding:							5px;
	widt\h:								465px;
}
.copyBox p {
	float:								left;
	width:								355px;
	margin:								0 0 10px 0;
	padding:							0 5px 0 0;
	widt\h:								350px;
}
.rSide {
	float:								left;
	width:								110px;
}
.topBord {
	border-top:							1px solid #eee;
	width:								475px;
	height:								1px;
	display:							block;
	margin:								0 0 5px -5px;
}
#mmsContentArea {
	width:								100%;
	padding:							0px 20px 20px 20px;
}

.signUpTextLeft p {
	margin:								0 0 20px 0;
}

h1.loginBtn {
	background:							url(../images/h1_login.gif) no-repeat 0 0;
	width:								64px;
	height:								26px;
	margin:								20px 0 17px 0;
}

h1.forgotPassword {
	background:							url(../images/h1_forgotPassword.gif) no-repeat 0 0;
	width:								260px;
	height:								27px;
	margin:								20px 0 17px 0;
}

h1.newsBtn {
	background:							url(../images/h1_signUp.gif) no-repeat 0 0;
	width:								196px;
	height:								22px;
	margin:								20px 0 21px 0;
}
h1.exitHdn {
	background:							url(../images/h1_exitHdn.gif) no-repeat 0 0;
	width:								244px;
	height:								57px;
	margin:								20px 0 21px 0;
}
h1.thankHdn {
	background:							url(../images/hdr_thankyou.gif) no-repeat 0 0;
	width:								127px;
	height:								27px;
	margin:								20px 0 21px 0;
}

table.loginTable {
	width:								580px;
}

.logTd {
	width: 								290px;
	padding:							0 0 10px 0;
}

table.exitTable {
	width:								250px;
}

.exitPollSpilt {
	width: 								125px;
	padding:							0 0 10px 0;
}
.exitPollWrapper {
	border: 1px solid red;
}


#butLogin, .btnLogin {
	background:							url(../images/btnLogin.gif) no-repeat 0 0;
	width:								119px;
	height:								23px;
	margin:								10px 0 0 130px;
	border: 							none;
}
.submitBtn {
	margin:								20px 0 0 410px;
	background:							url(../images/btnReg.gif) no-repeat 0 0;
	width:								119px;
	height:								23px;
	border: 							none;
}
.nothanksBtn {
	margin:								20px 0 0 278px;
	background:							url(../images/btnNothanks.gif) no-repeat 0 0;
	width:								119px;
	height:								23px;
	border: 							none;
	float:								left;
}
.btnSubmit {
	margin:								20px 0 0 10px;
	background:							url(../images/btnSubmit.gif) no-repeat 0 0;
	width:								119px;
	height:								23px;
	border: 							none;
	float:								left;
}


.topBord {
	border-top:							1px solid #d7dddc;
	width:								540px!important;
	margin:								15px 0 25px 0;
}

a, a.link {
	color: 								#10589a;
	text-decoration: 					none;
}

a:hover {
	text-decoration: 					underline;
}

.cDiv {
	clear:								left;
	height:								1px;
 	overflow:							hidden;
 	margin-top:							-1px;
 	display: 							block;
}

.signUpTextLeft {
	float: 								left;
	width: 								275px;
	padding: 							0 20px 0 0;
	widt\h:								255px;
}

/* 270px Wide Cross Promo's */

.btnNewsletter {
	background:							url(../images/promoWide_newsletter.gif) no-repeat 0 0;
	width:								270px;
	height:								155px;
	margin:								0;
	display:							block;
}
.btnOmoRange {
	background:							url(../images/promoWide_product.gif) no-repeat 0 0;
	width:								270px;
	height:								155px;
	margin:								10px 0 50px 0;
	display:							block;
}

/* 200px Wide Cross Promo's  */

.promoSmallMighty {
	background:							url(../images/promoSml_smallMighty.gif) no-repeat 0 0;
	width:								200px;
	height:								155px!important;
	margin:								10px 0 0px 0!important;
	display:							block;
}
.promoStains {
	background:							url(../images/promoLeftSide_stains.gif) no-repeat 0 0;
	width:								200px;
	height:								155px!important;
	margin:								10px 0 0px 0!important;
	display:							block;
}
.promoSmallMighty2 {
	background:							url(../images/promoLeftSide_smallMighty.gif) no-repeat 0 0;
	width:								199px;
	height:								155px!important;
	margin:								0px 0 0px 0!important;
	display:							block;
}

.promoMessy {
	background:							url(../images/promoLeftSide_messy.gif) no-repeat 0 0;
	width:								200px;
	height:								155px!important;
	margin:								2px 0 0px 0!important;
	display:							block;
}

h2.h2_Registration {
	background:							url(../images/h2_reg.gif) no-repeat 0 0;
	width:								143px;
	height:								26px;
	margin:								25px 0 17px 0!important;
}

.regLeft {
	width:								250px;
	float:								left;
	margin-right:						25px;
	border-top:							1px solid #d7dddc;
}

.regRight {
	width:								270px;
	float:								left;
	margin-right:						25px;
	border-top:							1px solid #d7dddc;
}


.formStateLeft {
	width: 								174px;
	float: 								left;
}
.formStateRight {
	width: 								76px;
	float: 								left;
}

.radioBoxMed {
	border: 1px solid #ababab;
	width: 119px;
	height: 22px;
	padding: 4px 0 0 5px;
	widt\h: 114px;
	float: left;
	heigh\t: 18px;
	margin-top: 4px;
}

.radioBoxLng {
	border: 1px solid #ababab;
	width: 119px;
	height: 22px;
	padding: 4px 0 0 5px;
	widt\h: 114px;
	heigh\t: 18px;
	margin-top: 4px;
}

.radioBoxSml_1, .radioBoxSml_2, .radioBoxSml_3 {
	border: 1px solid #ababab;
	height: 22px;
	padding: 4px 0 0 5px;
	float: left;
	heigh\t: 18px;
	margin-top: 4px;
}

.radioBoxSml_1 {
	width: 67px;
	widt\h: 62px;
	margin-right: 9px;
}
.radioBoxSml_2 {
	width: 73px;
	widt\h: 68px;
	margin-right: 9px;
}
.radioBoxSml_3 {
	width: 87px;
	widt\h: 82px;
}

.btmBord {
	border:								1px solid #adadad;
	padding:							0 0 3px 0;
}

table#ctl00_ctl00_MainContent_PageContent_chkWhy td input, table#ctl00_ctl00_MainContent_PageContent_chkLike td input, table#ctl00_ctl00_MainContent_PageContent_chkThink td input {
	margin:								0px 4px 0 0;
	padding: 3px 0 0 0;
}
table#ctl00_ctl00_MainContent_PageContent_chkWhy td label table#ctl00_ctl00_MainContent_PageContent_chkLike td label, table#ctl00_ctl00_MainContent_PageContent_chkThink td label {
	margin:								-2px 0 0 0!important;
}

#header_imagefeature
{
	width: 528px;
	height: 120px;
	background-image: url(../images/omo-persil_headers_homepage.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#promo-270-products 
{
	background-image:url(../Images/btnProd.gif);
	background-position:left top;
	background-repeat:no-repeat;
	height:155px;
	width:270px;
}
