html, body, #contents
{
	min-height: 100%;
	width: 100%;
	height: 100%;
}

html, body, div, img, p, input, form, a, ul, li, ol
{
	margin: 0; 
	border: 0;
	padding: 0;
}

html>body, html>body #contents
{
	height: auto;
}

body
{
	margin: 0px;
	font-family: Arial, sans-serif;
}

table.chkList td{
  vertical-align: middle;
}
table.chkList input[type="checkbox"]{
  float:left;
}
table.chkList input[type="checkbox"]+label{
  display: block;
  width:241px;
  font-size:12px;
  padding: 2px !important;
  float:left;
}

#contents
{
	position: absolute;
	top: 0;
    left: 0;
   	background-image: url("../images/homepage_fence.jpg");
	background-repeat: repeat;
	background-position: top;

}

#footer
{
	position: absolute;
	bottom: 0;
	padding: 0 15%;
	background-image: url("../images/grasstile_bg.png");
	background-position: bottom;
	background-repeat: repeat-x;
	height: 135px;
	width: 70%;
}

#footer {
    \width: 100%;
    w\idth: 70%;
}

#main {
	margin-bottom: 5em;
	height: auto;
	min-height: 740px;
}
.splattile
{
	background-position: top;
	background-repeat: no-repeat;
	background-image: url("../images/homepage_splat.jpg");
	
}

.floatLeft {
	float: left;
}

.skytile
{	
	background-image: url("../images/homepage_sky.jpg");
	background-position: top;
	background-repeat: repeat-x;
}

.cloudtile
{	
	background-image: url("../images/cloudtile_bg.jpg");
	background-position: top;
	background-repeat: repeat-x;
}

/* Header */

#header
{
	width: 780px;
	height: 180px;
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

#header_row1
{
	width: 780px;
	height: 25px;
}

#header_row1A
{
	float:left;
	width: 252px;
	margin-right: 180px;
	height: 25px;
}

#TopRightNav
{
	float:left;
	width: 317px;
	height: 25px;
	background-image: url(../images/omo_header_05.gif);
	background-repeat: no-repeat;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #999999;
	text-align: center;
	margin-left: 6px;
}

#TopRightNav p
{
	padding-top: 7px;
}

#TopRightNav a, #TopRightNav a:link, #TopRightNav a:active, #TopRightNav a:visited
{
	margin: 0px 3px;
	color: #3a5a78;
	text-decoration: none;
}

#TopRightNav a:hover
{
	color: #368db2;
}

#header_row2
{
	height: 120px;
	width: 780px;
}

#header_row2A
{
	width: 252px;
	margin: 0px;
	float: left;
	height: 120px;
	clear:both;
}

#header_row2B
{
	width: 528px;
	margin: 0px;
	height: 120px;
	float: left;
}

#header_row3
{
	height: 35px;
	width: 780px;
	background-image: url(../images/omo_header_13.gif);
	background-repeat: no-repeat;
}


#header_row3A
{
	float:left;
	width: 476px;
	height: 35px;
	padding-left: 140px;
}

#SearchBar
{
	height: 35px;
	width: 164px;
	float: left;
}

.searchform
{
	height: 23px;
	display: block;
	padding-top: 4px;
}

.SearchText
{
	border: 1px solid #e4e4e4;
	height: 16px;
	width: 131px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height: 11px;
	padding-top: 5px;
	color: #747474;
	vertical-align: middle;
	overflow: hidden;
}
.SearchBtn
{
	vertical-align: middle;
}


/* Content Panes */

.contentcontainer
{
	width: 780px;
	margin: 0px auto;
	padding-top: 5px;
	padding-bottom: 95px;
}

.maincontent
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #3f3f3f;
}

/* White BG Rounded Edge Modules */

/* 780px Wide  */

.module-780
{
	width: 780px;
}

.module-780 .hd .c,
.module-780 .ft .c
{
	font-size:1px; /* ensure minimum height */
	height:7px;
}

.module-780 .ft .c
{
	height:13px;
}

.module-780 .hd
{
	background:transparent url(../images/tl_780.gif) no-repeat 0px 0px;
}

.module-780 .hd .c
{
	background:transparent url(../images/tr.gif) no-repeat right 0px;
}

/*.module-780 .bd
{
	background-color: white;
}*/

.module-780 .bd .c
{
	background-color: white;
}

.module-780 .bd .c .s
{
	margin:0px 8px 0px 4px;
	background-color: white;
	padding-bottom: 1px;
}

.module-780 .ft
{
	background:transparent url(../images/bl_780.gif) no-repeat 0px 0px;
}

.module-780 .ft .c
{
	background:transparent url(../images/br.gif) no-repeat right 0px;
}


/* 387px Wide */

.module-387
{
	width:387px;
}

.module-387 .hd .c,
.module-387 .ft .c
{
	font-size:1px; /* ensure minimum height */
	height:7px;
}

.module-387 .ft .c
{
	height:13px;
}

.module-387 .hd
{
	background:transparent url(../images/tl_387.gif) no-repeat 0px 0px;
}

.module-387 .hd .c
{
	background:transparent url(../images/tr.gif) no-repeat right 0px;
}

/*.module-387 .bd
{
	background-color: white;
}*/

.module-387 .bd .c
{
	background-color: white;
}

.module-387 .bd .c .s
{
	margin:0px 8px 0px 4px;
	background-color: white;
	padding-bottom: 1px;
}

.module-387 .ft
{
	background:transparent url(../images/bl_387.gif) no-repeat 0px 0px;
}

.module-387 .ft .c
{
	background:transparent url(../images/br.gif) no-repeat right 0px;
}

/* 200px Wide */

.module-200
{
	width:200px;
	float: left;
}

.module-200 .hd .c,
.module-200 .ft .c
{
	font-size:1px; /* ensure minimum height */
	height:7px;
}

.module-200 .ft .c
{
	height:13px;
}

.module-200 .hd
{
	background:transparent url(../images/tl_200.gif) no-repeat 0px 0px;
}

.module-200 .hd .c
{
	background:transparent url(../images/tr.gif) no-repeat right 0px;
}

/*.module-200 .bd
{
	background-color: white;
}*/

.module-200 .bd .c
{
	background-color: white;
}

.module-200 .bd .c .s
{
	margin:0px 8px 0px 4px;
	background-color: white;
	padding-bottom: 1px;
}

.module-200 .ft
{
	background:transparent url(../images/bl_200.gif) no-repeat 0px 0px;
}

.module-200 .ft .c
{
	background:transparent url(../images/br.gif) no-repeat right 0px;
}

/* 575px Wide */

.module-575
{
	width:575px;
}

.module-575 .hd .c,
.module-575 .ft .c
{
	font-size:1px; /* ensure minimum height */
	height:7px;
}

.module-575 .ft .c
{
	height:13px;
}

.module-575 .hd
{
	background:transparent url(../images/tl_575.gif) no-repeat 0px 0px;
}

.module-575 .hd .c
{
	background:transparent url(../images/tr.gif) no-repeat right 0px;
}

/*.module-575 .bd
{
	background-color: white;
}*/

.module-575 .bd .c
{
	background-color: white;
}

.module-575 .bd .c .s
{
	/*margin:0px 8px 0px 4px;*/
	background-color: white;
	padding-bottom: 1px;
}

.module-575 .ft
{
	background:transparent url(../images/bl_575.gif) no-repeat 0px 0px;
}

.module-575 .ft .c
{
	background:transparent url(../images/br.gif) no-repeat right 0px;
}




/* A, B, C, D Features */

#AFeature .s
{
	min-height: 316px;
	* height: 316px;
}

#BFeatureContainer
{
	width: 780px;
}

#BFeature1 .s, #BFeature2 .s
{
	min-height: 206px;
	* height: 206px;
}

#BFeature1
{
	float: left;
	margin-right: 6px;
}

#BFeature2
{
	float: left;
}

#CFeatureContainer
{
	width: 780px;
}

#CFeature1 .s, #CFeature2 .s
{
	min-height: 206px;
	* height: 206px;
}

#CFeature1
{
	float: left;
	margin-right: 6px;
}

#CFeature2
{
	float: left;
}

#DFeature .s
{
	min-height: 66px;
	* height: 66px;
}

/* Content Template Sections */

#ContentPaneContainer
{
	width: 780px;
}

#ContentPaneContainer ul, #ContentPaneContainer li
{
	margin: 0; 
	border: 0;
	padding: 0;
}

#ContentLeftPane
{
	float: left;
	width: 200px;
	padding-right: 5px;
}

#ContentLeftPane .promoModule
{
    margin-top: 5px;
}

#LeftPromo
{
    float: left;
}

#ContentLeftPane ul
{
	list-style-type: none;	
}

#LeftPromo img
{
	margin: 3px 0px;
}	

#ContentRightPane
{
	float: left;
	width: 575px;
}

/*#ContentRightPane .s
{
	padding: 5px;
}*/

#ContentRightPane h2
{
	margin: 0px;
	padding: 3px 0px;
}

#ContentRightPane h3
{
	margin: 0px;
	color: #368DB2;
	padding-bottom: 5px;
	font-size: 12px;
	font-weight: normal;
}

#ContentRightPane ul, ol
{
	padding: 10px 0px;
	display: block;
	margin-left: 25px;
}

.textcontent
{
	padding: 5px;
	margin:0px 8px 0px 4px;
}



/* Footer */

#FooterPane .s
{
	height: 18px;
}

#FooterPane
{
	margin: 0px auto;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #999999;
	font-weight: bold;
}

#FooterPaneContainer
{
	width: 100%;
	position: absolute;
	bottom: 130px
}

#FooterPane a, #FooterPane a:link, #FooterPane a:active, #FooterPane a:visited
{
	margin: 0px 3px;
	color: #368db2;
	text-decoration: none;
}

#FooterPane a:hover
{
	color: #3a5a78;
}

#FooterPane .copyright
{
	float: right;
	padding-right: 5px;
}

#FooterPane .footerlinks
{
	float: left;
	padding-left: 5px;
}

#FooterPane p
{
	padding-top: 2px;
}


/**************************************************************************
** $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;
}
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.newsletter
{
	color: #3A3D8E;
/*	font-family: 'Helvetica Neue'; */
	font-size: 2.4em;
	font-weight: normal;
	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/btn_submit.jpg) no-repeat 0 0;
	width:								119px;
	height:								23px;
	border: 							none;
	float:								left;
	cursor:                pointer;
}


.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;
}


* html .regLeft {

	margin-right:						12px;
}

.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;
}