@charset "utf-8";
/* 
	Stylesheet for brandSAMPLER
	by Ben Hung <benjamin.hung@bamstrategy.com>
	Last updated: 2010-08-23
*/




/* CSS Reset 
------------------------------------------------------------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


 td{
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-size : 100%;
vertical-align : baseline;	
}

:focus {
	outline: 0;
}



/* Basic/Common 
------------------------------------------------------------ */

html {
	height: 100%;	
}

body {
	background: url(../images/common/bg_main.png) 0 0 repeat;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

sup {
	font-size: 80%;
	vertical-align: top;
	position: relative;
	top: -2px;
}

.tm{
	font-size: 8px;
    font-weight: normal;
    top: 1px;
	position:relative;
}


.reg{
	font-size: 80%;
    font-weight: normal;
    top: 0px;
	position:relative;
}

.regtitle{
	font-size: 50%;
    font-weight: normal;
    top: 1px;
	position:relative;
}

.dob select{ 
	border:1px solid #7F9DB9;
}

label { cursor: pointer; _cursor: default; }

.label-disabled { color: #bbb; }

.wrapper {
	width: 997px;
	min-height: 100%;
	_height: 100%;
	margin: 0 auto;
}

.clear {
	clear: both;
}

a {
	color: #009bff;	
}

a.banners {
	display: block;
	width: auto;
	margin: 16px auto;
}

strong {
	font-weight: bold;	
}

.underline {
	text-decoration: underline;	
}

.nowrap {
	white-space: nowrap;	
}

.button:active {
	position: relative;
	top: 1px;
}

#aside {
	display: block; _display: inline;
	float: right;
	margin: 8px 12px 0 0;
	width: 261px; height: auto;
}

#aside a:link, #aside a:visited {
	color: #595959;
}

#aside ul {
	color: #595959;
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

#aside #aside-benefits {
	background: url(../images/common/h-side-benefits.png) 0 0 no-repeat;
	width: 261px; height: 61px;
	text-indent: -99999px;
}

#aside #benefits-list {
	margin: 15px 0 24px 36px;
}

#aside #benefits-list li {
	list-style-image: url(../images/common/side-bullet-blue.png);
	margin: 0 0 15px;
}

#aside #aside-privacy {
	background: url(../images/common/h-side-privacy.png) 0 0 no-repeat;
	width: 261px; height: 44px;
	text-indent: -99999px;
}

#aside #privacy-list {
	margin: 15px 0 24px 24px;
}

#aside #privacy-list li {
	background: url(../images/common/side-padlock.png) 0 0 no-repeat;
	list-style-type: none;
	margin: 0 0 15px;
	padding: 0 0 0 40px;
}

#aside #aside-taf-privacy {
	background: url(../images/common/h-side-blank.png) 0 0 no-repeat;
	width: 261px; height: 44px;
	text-indent: -99999px;
}

#aside #taf-privacy-list {
	margin: 15px 0 24px 24px;
}

#aside #taf-privacy-list li {
	background: url(../images/common/side-padlock.png) 0 0 no-repeat;
	list-style-type: none;
	margin: 0 0 15px;
	padding: 0 0 0 40px;
}
#helpQ{
	background:transparent url('../images/common/pass_q.png') no-repeat;
	width:21px;
	height:22px;
	display:inline-block;
	cursor:pointer;
	vertical-align: middle;
	margin-top:-4px;
	margin-right:4px;
}

#pass-div-close{
	background:transparent url('../images/common/btn_close.png') no-repeat;
	float:right;
	width:27px;
	height:27px;
	cursor:pointer;
}


/* jqModal 
------------------------------------------------------------ */

.jqmWindow {
	display: none;
	
	position: fixed;
	top: 17%;
	left: 50%;
	
	margin-left: -300px;
	width: 600px;
	
	background-color: #FFF;
	color: #333;
	border: 1px solid #5fc3ff;
	padding: 12px;
}

.jqmOverlay { background-color: #000; }

* html .jqmWindow {
	 position: absolute;
	 top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* country modal */
#popup { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#popup a img { border: 0; }
#popup p a { width: 200px; padding: 4px; float: left; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-decoration: none; color: #666; margin-bottom: 10px }
#popup p a:hover { background: #eaeaea }
#popup p { margin: 10px 0 }

#popup #title_welcome{ width: 562px; margin: 25px auto 10px auto;}
#popup #flag_us{ width: auto; padding: 10px; float: left; margin-left: 40px;}
#popup #flag_ca{ width: auto; padding: 10px; float: right; margin-right: 40px;}
#popup .h1 {font-weight: bold;}
#popup .h2 {clear: both; margin-top: 25px; font-size: 12px; color: #999;}


/* merge modal */
#popup_merge { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-align: center; overflow: hidden;}
#popup_merge a img { border: 0; }
#popup_merge p a { width: 200px; padding: 4px; float: left; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-decoration: none; color: #666; margin-bottom: 10px }
#popup_merge p a:hover { background: #eaeaea }
#popup_merge p { margin: 10px 0 }

#popup_merge .h1{font-weight: bold; color:#33a2fc; font-size:30px; padding:10px 0 10px 0}
#popup_merge .h2{font-weight: bold; color:#33a2fc; font-size:21px}
#popup_merge .h3{font-weight: normal; font-size:19px; line-height:19px; padding-bottom:20px;}
#popup_merge .text{font-size:12px; padding-bottom:2px;}
#popup_merge .text2{font-size:12px; padding-bottom:20px;}


/* prov underage */
#underage { overflow: hidden; font-family: Arial, Helvetica, sans-serif; font-size: 16px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-left: -250px; width: 500px; padding: 25px; }
#underage p { margin: 10px 0 }
#underage iframe /* Prevents <select> from bleeding through in IE6 */
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:3000px;/*must have for any big value*/
	height:3000px;/*must have for any big value*/
}

/* common error modal */
#error-div,#pass-div,#new-div, #address-error-div { overflow: hidden; font-family: Arial, Helvetica, sans-serif; font-size: 16px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-left: -250px; width: 500px; padding: 25px; }
#pass-div {padding:15px 20px 45px 25px;line-height:24px;}
#error-div p,#pass-div p,#new-div p, #address-error-div  p { margin: 10px 0 }
#pass-div p {margin:50px 0 0;}
#error-div-close { height: 35px; margin: 0 0 10px; cursor: pointer; }
#error-div iframe,#pass-div iframe, #address-error-div iframe,#new-div iframe /* Prevents <select> from bleeding through in IE6 */
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:3000px;/*must have for any big value*/
	height:3000px;/*must have for any big value*/
}




/* Buttons 
------------------------------------------------------------ */

/* REQUIRED BUTTON STYLES: */		
.submitBtn, .submitBtnLg { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button.submitBtn::-moz-focus-inner, button.submitBtnLg::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

.submitBtn span, .submitBtnLg span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	.submitBtn span, .submitBtnLg span {
		margin-top: -1px;
	}
}


/* OPTIONAL BUTTON STYLES for applying custom look and feel: */	

.submitBtn { 
	padding: 0 20px 0 0;
	margin-right: 5px;
	font: Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 15px;
	text-align: center; 
	background: transparent url(../images/common/btn-small.png) no-repeat right -80px; 
	_background: transparent url(../images/common/btn-small.png) no-repeat right -79px; 
}
	
.submitBtn span {
	padding: 8px 0 0 20px;
	height: 27px; 
	background: transparent url(../images/common/btn-small.png) no-repeat left top; 
	color:#fff; 
}

.submitBtnSm {
	
	cursor:pointer;
	padding: 0px 18px 10px 0px;;
	text-align: center;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	/*background: transparent url('../images/common/btn-small2.png') no-repeat  ;
	_background: transparent url('../images/common/btn-small2.png') no-repeat ;	*/
	height: 26px; 
	width:146px;
	color:#fff; 
	vertical-align:bottom;
	position: relative;
	top:2px;
	
}

.submitBtnSm img:active{
	position:relative;
	top:1px;
}

.submitBtnLg { 
	padding: 0 20px 0 0;
	margin-right: 5px;
	font: Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 15px;
	text-align: center; 
	background: transparent url(../images/common/btn-large.png) no-repeat right -100px; 
	_background: transparent url(../images/common/btn-large.png) no-repeat right -99px; 
}
	
.submitBtnLg span {
	padding: 12px 0 0 25px;
	height: 29px; 
	background: transparent url(../images/common/btn-large.png) no-repeat left top; 
	color:#fff; 
}

button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	/*background-position: right -120px;*/ 
}
	
button.submitBtn:hover span, button.submitBtnHover span {
	/*background-position: 0 -40px;*/
}


/* Header 
------------------------------------------------------------ */

#header {
	background: url(../images/common/bg_header.png) 0 0 no-repeat;
	width: 997px; /* 997px */
	height: 129px; /* 129px */
	position: relative;
	font-size: 12px;
	color: #ccffff;
}

#home #header{
	_margin-bottom:-8px;
}

#header a {
	color: #ccffff;
}

#header a#main-logo {
	background: url(../images/common/logo_main.png) 0 0 no-repeat;
	display: block;
	width: 438px;
	height: 67px;
	position: absolute;
	top: 32px;
	left: 35px;
	text-indent: -99999px;
}

#header img#brought-to-you {
	position: absolute;
	top: 14px;
	right: 16px;
}

#header div#pro-log {
	position: absolute;
	bottom: 16px;
	right: 16px;
	text-align: right;
}

#header span#taf, #header span#fb, #header span#welcome, #header span#profile, #header span#logout, #header span#taf-loggedin {
	display: none;
}

body#sorry #header span#logout {
	display: block;	
}

#header img#can-flag {
	display: block;
	position: absolute;
	top: 36px;
	right: 16px;
}

body#home #header span#taf, body#taf #header span#taf, body#pwreset span#taf ,body#eds span#taf {
	background: url(../images/common/link-arrow.png) 100% 50% no-repeat;
	display: block;
	position: absolute;
	bottom: 16px  /*40px*/ ;
	right: 16px;
	padding-right: 8px;
}

body#home #header span#fb, body#fb #header span#fb, body#pwreset span#fb ,body#eds span#fb  {
	background: url(../../common/product_images/fb_icon.png) 100% 50% no-repeat;
	display: block;
	position: absolute;
	bottom: 16px;
	right: 120px;
	padding-right: 4px;
}



body#survey span#welcome, body#samples span#welcome, body#confirm span#welcome, body#profile span#welcome, body#thanks-taf span#welcome, body#sample-thanks span#welcome, body#taf-thanks span#welcome, body#taf span#welcome {
	display: block;
	clear: both;
	text-align: right;
	width: auto;
}

body#survey span#profile, body#survey span#logout, body#samples span#profile, body#samples span#logout, body#confirm span#profile, body#confirm span#logout, body#profile span#profile, body#profile span#logout,body#taf span#logout, body#thanks-taf span#logout, body#sample-thanks span#logout, body#taf-thanks span#logout {
	display: block;
	float: right;
	text-align: right;
}

body#taf-thanks span#taf-loggedin {
	display: block;
	position: absolute;
	bottom: 16px  /*40px*/;
	right: 67px;
}

/*body#taf-thanks  span#fb-loggedin,  {
	display: block;
	position: absolute;
	bottom: 15px  ;
	right: 67px;
} */



/* Footer 
------------------------------------------------------------ */

#footer {
	background: url(../images/common/bg_footer.png) 0 0 no-repeat;
	width: 957px; /* 997px */
	height: 71px; /* 111px */
	text-align: center;
	padding: 20px;
}

#footer p {
	font-size: 12px;
	color: #fff;
	margin-bottom: 2px;
}

#footer ul {
	list-style-type: none;	
}

#footer ul li {
	display: inline;
}

#footer ul li.first a {
	border: 0;
}

#footer ul li a {
	font-size: 13px;
	color: #fff;
	padding: 0 3px 0 6px;
	border-left: 1px solid #fff;
}

#legal-footer {
	text-align: center;
	width: 970px;
	margin: 0 auto;
	position: relative;
	padding: 0 0 15px 0;
}

#legal-footer p, #legal-footer p a {
	font-size: 12px;
	color: #006699;
}

#legal-footer img#slogan {
	position: absolute;
	left: 0px;
	top: 5px;
}

#legal-footer img#bbb {
	position: absolute;
	right: 180px;
	top: 5px;
}

#legal-footer img#privacy {
	position: absolute;
	right: 0px;
	top: 6px;
}




/* Main Container 
------------------------------------------------------------ */

body#home div.wrapper div.main-container-top {
	background: url(../images/common/mainbox_top_home.png) bottom left no-repeat;
	display: block;
	width: 981px;
	height: 10px;
	margin: 0 auto;
}

body div.wrapper div.main-container-top p {
	font-size: 10px;
	color: #999;
	padding: 5px 0 0 23px;
}

body div.wrapper div.main-container-top p span {
	font-size: 12px;
	font-weight: bold;
	color: #3399ff;
}

div.wrapper div.main-container {
	background: transparent url(../images/common/mainbox_middle.png) 0 0 repeat-y;
	display: block;
	width: 981px;
	height: auto;
	margin: 0 auto;
	position: relative;
	overflow: visible;
}

div.wrapper div.main-container-bottom {
	background: url(../images/common/mainbox_bottom.png) 0 0 no-repeat;
	display: block;
	width: 981px;
	height: 10px;
	margin: 0 auto;
}

body#home div.wrapper div.main-container-bottom{
	background: url(../images/common/mainbox_bottom_home.png) 0 0 no-repeat;
}


/* Home 
------------------------------------------------------------ */

body#home .main-container-top {
	_margin-top: -8px;
}

body#home .main-container-bottom {
	_margin-bottom: -8px;
}

body#home .main-container {
	_height: 501px;
	overflow: visible;
}

body#home .new-edition {
	background: transparent url(../images/home/badge_new-edition.png) 0 0;
	position: absolute;
	left: 10px;
	display: block;
	width: 152px; height: 138px;
	text-indent: -99999px;
}

body#home #home-container {
	background: transparent url(../images/home/bg_home.jpg) 0 0 no-repeat;
	width: 981px;
	height: 528px;
	position: relative;
	overflow: visible;
}

body#home #not-member {
	background: transparent url(../images/home/bg_not-member.png) 0 0 no-repeat;
	width: 359px;
	height: 210px;
	position: absolute;
	top: 23px;
	right: 21px;
}

body#home #not-member #btn_register{
	padding-right:29px;
}

body#home #not-member #btn_register span{
	padding-left:29px;
}

body#home #not-member h3 {
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	text-align: left;
}

body#home #not-member h3.title {
	color: #fff;
	letter-spacing: 0.25px;
	top: 11px; left: 20px;
}

body#home #not-member h3.msg {
	color: #6d6d6d;
	top: 65px;
	left: 20px;
	line-height: 1.8;
}

body#home #not-member h3.msg span{font-size:14px;}

body#home #not-member #nm_btn_wrap {
	position: absolute;
	top: 140px; right: 34px;
}


body#home #member {
	background: transparent url(../images/home/bg_member.png) 0 0 no-repeat;
	width: 359px;
	height: 264px;
	position: absolute;
	top: 250px;
	right: 21px;
}

body#home #member h3 {
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	text-align: left;
}

body#home #member h3.title {
	color: #fff;
	top: 11px;
	left: 20px;
}

body#home #member h3.title sup {
	font-size: 14px;
	position: relative;
	top: -2px;
	font-weight: normal;
}

body#home #member form#frm_login {
	color: #014e9c;
	overflow: visible;
	position: absolute;
	top: 70px;
	width: 350px;
}

body#home #member form#frm_login label {
	font-size: 12px;
	font-weight: bold;
	display: block;
	width: 145px;
	text-align: right;
	float: left;
	clear: both;
}

body#home #member form#frm_login .form-help {
	clear: both;
	width: 180px;
	padding-left: 160px;
	font-size: 9px;
}

body#home #member form#frm_login .form-help a {
	color: #fff;
}

body#home #member form#frm_login input.text {
	display: block;
	clear: right;
	float: left;
	margin-left: 15px;
	width: 165px;
	border: 1px solid #7F9DB9;
	padding: 2px;
}

body#home form#frm_login #ErrResponse a {
	color:  #FF0000
}


body#home form#frm_login #loader {
	background: url(../../common/images/loading.gif) no-repeat;
	display: none;
	position: absolute; top: 8px; left: -16px;
	width: 16px; height: 16px;
}

body#home #member form#frm_login .error-msg {
	clear: both;
	width: 370px; min-height:12px; height: auto !important; height: 12px;
	overflow: visible;
	text-align: right;
	color: #ff0000;
	font-size: 10px;
	font-weight: bold;
}

body#home #member form#frm_login label.error,
body#home form#frm_login #ErrResponse {
	clear:both;
	color:#FF0000;
	float:left;
	font-size:10px;
	font-weight:bold;
	min-height:12px; height: auto !important; height: 12px;
	overflow:visible;
	text-align:right;
	width:330px;
}

body#home #member form#frm_login #button-block {
	overflow: visible;
	position: absolute;
	text-align: left;
	top: 105px; right: 20px;
	_top: 100px; _right: 20px;
	*top: 100px;	
	width: 210px;
}

body#home #member form#frm_login #button-block #pw-reset {
	color: #014e9c;
	font-size: 9px;
	font-weight: normal;
	margin: 0 0 0 5px;
	text-align: left;
}

body#home #member form#frm_login #m_btn_wrap {
	clear:both;
	overflow: visible;
	margin: 2px 0;
	position: relative;
	text-align: left;
	width: auto;
}

body#home #member form#frm_login #m_btn_wrap label {
	clear: both;
	float: none;
	font-weight: normal;
	text-align: left;
	margin-top: 1px;
	_margin-top: -5px;
}

body#home #member #member-deco {
	position: absolute;
	bottom: 10px;
	left: 0px;
}

body#home h2 {
	background: transparent url(../images/home/h-when-you-register.png) 0 0 no-repeat;
	width: 405px; height:113px;
	display: block;
	position: absolute;
	top: 13px;
	left: 111px;
	text-indent: -99999px;
}

body#home h3.three-step {
	background: transparent url(../images/home/h-simple-3-step.png) 0 0 no-repeat;
	width: 341px; height: 26px;
	position: absolute;
	top: 126px;
	left: 142px;
	text-indent: -99999px;
}

body#home img#packshots {
	width: 	530px;
	height: 230px;
	position: absolute;
	top: 172px;
	left: 36px;
}

body#home img#badge {
	width: 96px;
	height: 96px;
	position: absolute;
	top: 181px;
	left: 478px;
}

body#home #feedback {
	position: absolute;
	background: transparent url(../images/home/bg_feedback-middle.png) 0 0 repeat-y;
	width: 517px;
	height: auto;
	bottom: 22px; right: -9px;
	overflow: visible;
}

body#home #feedback .top {
	position: absolute;
	top: -18px; left: 0px;
	width: 517px; height: 18px;
	background: transparent url(../images/home/bg_feedback-top.png) 0 0 no-repeat;
}

body#home #feedback .bottom {
	position: absolute;
	bottom: -18px; left: 0px;
	width: 517px; height: 18px;
	background: transparent url(../images/home/bg_feedback-bottom.png) 0 0 no-repeat;
}

body#home #feedback p {
	color: #333;
	font-size: 16px; font-weight: 400;
	letter-spacing: -0.2px;
	margin: 0px 15px 30px 25px;
}

body#home #feedback a {
	display: block;
	width: 175px; height: 23px;
	text-indent: -99999px;
	background: transparent url(../images/home/btn_feedback.png) 0 0 no-repeat;
	position: absolute;
	bottom: 0px; right: 18px;
}

body#home #feedback a:active {
	bottom: -1px;	
}



body#home #covergirl_callout_sm {
	background: transparent url(../images/home/callout-covergirl-sm.png) 0 0 repeat-y;
	position: absolute; bottom: 20px; left: 311px;
	text-indent: -99999px;
	width: 243px; height: 114px;
}

body#home #olay_callout_sm {
	background: transparent url(../images/home/callout-olay-sm.png) 0 0 no-repeat;
	position: absolute; bottom: 20px; left: 42px;
	text-indent: -99999px;
	width: 243px; height: 114px;
}






/* Registration
------------------------------------------------------------ */

body#reg .wrapper .main-container-top {
	background: transparent url(../images/common/mainbox_top.png) bottom left no-repeat;
	display: block;
	width: 981px;
	height: 10px;
	margin: 0 auto;
	_margin-top: -8px;
}

body#reg .wrapper .main-container-bottom {
	_margin-bottom: -8px;
}

body#reg #reg-container {
	background: #fff;
	width: 981px;
	min-height: 100%;
	_height: 100%;
	margin: 0;
	position: relative;
	overflow: hidden;
}

body#reg .steps {
	background: #fff url(../images/reg/h-step1.png) 0 0 no-repeat;
	margin: 6px 0 32px;
	text-indent: -99999px;
	width: 743px; height: 105px;
}

body#reg #bubble-photo {
	float: right;
	margin: -115px 0 0;
}

body#reg .page-info {
	background: url(../images/common/bg-info-670-2row.png) 0 0 no-repeat;
	color: #014e9b;
	font: Arial, Helvetica, sans-serif !important; 
	font-weight: bold;
	font-size: 12px;
	display: block;
	overflow: visible;
	margin: 0 0 32px;
	padding: 10px 0 0 20px;
	text-align: left;
	width: 670px; height: 63px;
}

body#reg .section-header {
	background: url(../images/common/bg-section-header.png) 0 0 no-repeat;
	color: #014e9b;
	display: block;
	font: Arial, Helvetica, sans-serif !important;
	font-weight: bold;
	font-size: 16px/16px;
	overflow: hidden;
	margin: 15px 0;
	padding: 8px 0 0 20px;
	position: relative;
	text-align: left;
	width: 643px; height: 32px;
}

body#reg .section-header span {
	color: #5d5c5c;
	font: Arial, Helvetica, sans-serif !important;
	font-weight: normal;
	font-size: 12px/18px;
	position: absolute;
	right: 20px;
}

body#reg p.instructions {
	color: #014e9b;
	font: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	margin: 0 0 15px 20px;
}

body#reg p.pw-instructions {
	color: #014e9b;
	font: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	margin: 10px 0 25px 20px;
}

body#reg #participate {
	color: #014e9b;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	margin: 15px 0 5px 240px;
}

body#reg form#form_register{
	width: 690px;
	height: auto;
	overflow: visible;
	float: left;
	font-size: 12px;
	color: #666;
	padding: 0 0 0 16px;
	position: relative;
}

body#reg form#form_register .row{
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	overflow: hidden;
	display: block;
	clear: both;
	vertical-align: middle;
}

body#reg form#form_register .label{
	width: 215px;
	display: block;
	float: left;
	text-align: right;
	font-weight: bold;
	padding: 4px 0 0 0;
}



body#reg form#form_register .input {
	width: 340px;
	padding: 0 0 0 15px;
	margin: 0;
	display: block;
	float: left;
	text-align: left;
	position: relative;
	overflow: hidden;
	height: auto;
}

body#reg form#form_register .customSelect {
	padding: 0 0 0 15px;
	float: left;
	_position: relative;
	_z-index:100;
	#position: relative;
	#z-index:100;
}

body#reg form#form_register .customSelect2{
	padding: 0 0 0 15px;
	float: left;
	_position: relative;
	_z-index:90;
}

	

body#reg form#form_register .label-radio {
	float: left;
	width: 80px;
}

body#reg form#form_register .diverror{
	clear : left;
	float : left;
	padding-left:230px;
	width:400px;
	min-height: 12px; height: auto !important; height: 12px;
}

body#reg form#form_register .diverror .error{
	display : block;
	color : red;
	font-size : 10px;
	font-weight: bold;
	line-height: 10px;
	margin: 0;
	padding: 1px 0 2px;
	width:auto;
}

body#reg form#form_register #refresh {
	margin-left: 5px;	
}

body#reg form#form_register .button-row {
	margin: 30px 0 15px;
}

body#reg form#form_register .buttons {
	float: none !important;
	overflow: visible;
	padding: 0;
	position: relative; left: 410px;
}

body#reg form#form_register .error-msg {
	clear: both;
	color: #FF0000;
	display: block;
	font-size: 10px;
	font-weight: bold;
	height: 10px;
	line-height: 10px;
	margin: 0 0 0 240px; *margin: 0 0 0 255px;
	width: 340px;
}

body#reg #ErrResponse {
	clear: both;
	color:  #FF0000;
	font-size: 10px;
	font-weight: bold;
	margin: 5px 0 0 5px;
	min-height: 12px; height: auto !important; height: 12px;
	overflow: visible;
	text-align: left;
	width: 320px;
}

body#reg #loader {
	background: url(../../common/images/loading.gif) no-repeat;
	display: none;
	position: absolute; top: 28px; left: -18px;
	width: 16px; height: 16px;
}

body#reg form#form_register .info {
	font-weight: bold;
}

body#reg form#form_register .checkbox {
	font-size: 11px;
}

body#reg form#form_register .checkbox a {
	color: #666;
}

body#reg form#form_register .text input{
	font-size: 12px;
	line-height: 13px;
	width: 185px;
	margin: 0;
	padding: 3px;
	border: 1px solid #7f9db9;
}



body#reg form#form_register .select{
	width: 193px;
	height:22px;
	border:1px solid #7F9DB9
}

body#reg form#form_register .postal input {
	width: 40px;
	height: 16px;
	margin: 0 10px 0 0;
	padding: 4px 0px;
	border: 1px solid #7f9db9;
}


body#reg .reg-caption {
	padding: 0; margin: 0;
	font-size: 11px; color: #666; font-style: italic;
}

body#eds .reg-caption {
	padding: 0; margin: 0;
	font-size: 11px; color: #666; font-style: italic;
}

body#reg .reg-caption #cap-pcode1, 
body#reg .reg-caption #cap-pcode2 {
	display: inline-block;
	width: 40px;
	padding: 0; margin: 0 10px 0 2px;
}

body#eds .reg-caption #cap-pcode1, 
body#eds .reg-caption #cap-pcode2 {
	display: inline-block;
	width: 40px;
	padding: 0; margin: 0 10px 0 2px;
}

body#reg form#form_register .postal input#txt_pcode1, body#reg form#form_register .postal input#txt_pcode2 {
	padding: 4px 0px;
	width:40px;
	
}

body#reg form#form_register .radio {
	font-weight: bold;
	padding-top:4px;
	margin-bottom:-4px;
}

body#reg form#form_register .security input, body#eds form#form_eds  .security input {
	width: 130px;
	height: 20px;
	padding: 4px 2px;
	border: 1px solid #7f9db9;
	float: left;
	margin: 0 10px 0 0;
	font-size: 16px;
}

body#reg form#form_register #btn-refresh {
	position: relative;
	top: -4px; left: 3px;
}

body#reg form#form_register #secureimg {
	border: solid 1px;
	width: 150px; height: 28px;
}

body#reg form#form_register #submit {
	position: relative;
	margin: 15px 0 5px;
}

body#reg form#form_register #optin_bs_row {
	height: auto;
	overflow: hidden;
	margin-bottom: 16px;
}

body#reg form#form_register #optin_pg_row {
	height: auto;
	overflow: hidden;
	margin-bottom: 16px;
}

body#reg form#form_register #optin_pg_row img{
/*	width:222px;
	height:22px;*/	
}

body#reg form#form_register #optin_rouge_row {
	height: auto;
	overflow: hidden;
}

body#reg form#form_register #optin_rouge_row .label {
	margin-top:-5px;	
}

body#reg form#form_register #optin_rouge_row img{
	/*width:109px;*/	
}

body#reg #passChecker{
	width: 201px;
	height: 206px;
	left:479px;
	_left:480px;
	top: 302px;
	position:absolute;
	font-size: 11px;
	background:transparent url('../images/common/pwdCheck_bg.png') no-repeat;
	_z-index:-1;
	#z-index:-1;
	
}

body#reg #passChecker .wrap{padding-left:15px;padding-top:5px;}
body#reg #passChecker h4{font-size:12px;font-weight:bold;margin-bottom:5px;}
body#reg #passChecker ul{list-style:none;}

body#reg #passChecker ul li{padding-left:30px;padding-bottom:7px;margin-bottom:5px;}

body#reg #passChecker ul li#caps{background:transparent url('../images/common/pass.gif') no-repeat top left;padding-bottom:10px;}
body#reg #passChecker ul li#charLen{background:transparent url('../images/common/pass.gif') no-repeat top left;}
body#reg #passChecker ul li#charUpp{background:transparent url('../images/common/pass.gif') no-repeat top left;}
body#reg #passChecker ul li#charNum{background:transparent url('../images/common/pass.gif') no-repeat top left;}

body#reg #passChecker ul li#caps.no{background:transparent url('../images/common/caps_err.gif') no-repeat center left;color : red;}
body#reg #passChecker ul li#charLen.no{background:transparent url('../images/common/err.gif') no-repeat top left;color : red;}
body#reg #passChecker ul li#charUpp.no{background:transparent url('../images/common/err.gif') no-repeat top left;color : red;}
body#reg #passChecker ul li#charNum.no{background:transparent url('../images/common/err.gif') no-repeat top left;color : red;}




/* Survey
------------------------------------------------------------ */

body#survey .wrapper .main-container-top {
	background: transparent url(../images/common/mainbox_top.png) bottom left no-repeat;
	display: block;
	width: 981px;
	height: 10px;
	margin: 0 auto;
	_margin-top: -8px;
}

body#survey .wrapper .main-container-bottom {
	_margin-bottom: -8px;
}

body#survey #survey-container {
	background: #fff;
	width: 981px;
	min-height: 100%;
	_height: 100%;
	margin: 0;
	position: relative;
	overflow: hidden;
}

body#survey .steps {
	background: #fff url(../images/survey/h-step2.png) 0 0 no-repeat;
	margin: 6px 0 32px;
	text-indent: -99999px;
	width: 743px; height: 105px;
}

body#survey #bubble-photo {
	position: absolute;
	top: 30px; right: 0px;
}

body#survey .page-info {
	background: url(../images/common/bg-info-670.png) 0 0 no-repeat;
	color: #014e9b;
	font: Arial, Helvetica, sans-serif !important; 
	font-weight: bold;
	font-size: 12px;
	display: block;
	overflow: hidden;
	margin: 0 0 32px;
	padding: 10px 0 0 20px;
	position: relative;
	text-align: left;
	width: 650px; height: 32px;
}

body#survey .page-info span {
	color: #014E9B;
	font: Arial, Helvetica, sans-serif !important;
	font-weight: normal;
	font-size: 12px/14px;
	position: absolute;
	right: 20px;
}

body#survey #survey-container p.info {
	font-size: 18px;
	color: #333;
	font-weight: bold;
	margin: 16px 16px 16px 24px;
}

body#survey form#form_survey {
	width: 497px;
	height: 100%;
	_height: 100%;
	font-size: 12px;
	color: #666;
	position: relative;
	padding: 0px 16px 0px 24px;
	margin: 0 0 25px 0;
}

body#survey .error-msg {
	display: block;
	clear: both;
	font-size: 10px;
	font-weight: bold;
	color: #ff0000;
	margin: 2px 0 8px 14px;	
}

body#survey form#form_survey .cellheader {
	font-weight: bold;
	margin: 16px 0 0;
}

body#survey form#form_survey #submit { position: relative; }
body#survey form#form_survey #submit:active { top: 1px; }

body#survey #trademarks {
	display: block;
	width: 932px;
	height: auto;
	position: static;
	left: 0px;
	padding: 30px 24px 0;
}

body#survey #trademarks p {
	font-size: 9px;
	color: #666;
	letter-spacing: 0.1px;
	margin: 0;
	text-align: justify;
	float: left;
}

body#survey #button-block {
	margin: 50px 0 0 410px;
	overflow: visible;
	position: relative;
	width: 250px;
}

body#survey #loader {
	background: url("../../common/images/loading.gif") no-repeat scroll 0 0 transparent;
	display: none;
	float: left;
	height: 16px;
	/*margin: 14px 0 0 -20px;*/
	position: absolute; top: 14px; left: -20px;
	width: 16px;
}

body#survey form#form_taf #submit {
	display: inline;
	margin: 0;
}

body#survey #ErrResponse {
	color:  #FF0000;
	font-size: 10px;
	font-weight: bold;
	margin: 5px 0 15px 5px;
	min-height: 12px; height: auto !important; height: 12px;
	overflow: visible;
	text-align: left;
}

#form_survey p { margin: 0 0 1.5em 0; }
#survey_questions { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; margin: 0 0 0 40px; *margin: 0 0 0 10px; padding: 0; }

body#survey .questions-container { /*overflow: hidden;*/ }
#survey_questions { width: 595px; *padding-left: 3em; }
#survey_questions li { margin: 0 0 1.5em 0; font-weight: bold; }
#survey_questions label, .label_box { display: block; width: 180px; float: left; margin: 0 10px 2px 0; }
#survey_questions .unligned_box {clear:left;}
#survey_questions .question_text { margin: 0 0 0.8em 0; font-weight: bold; }
#survey_questions .question_options { width: 400px; overflow: hidden; font-weight: normal; }
#survey_questions input.checkbox, input.radio { float: left; }
#survey_questions .other_value { margin: 0 0 0 20px; }
#survey_questions .children, #survey_questions .baby { display: none; margin: 0 0 1em; }
#survey_questions .Q1_sub {  clear:both; display:none}




/* Samples
------------------------------------------------------------ */



body#samples .wrapper .main-container-top {
	background: transparent url(../images/common/mainbox_top.png) bottom left no-repeat;
	display: block;
	width: 981px;
	height: 10px;
	margin: 0 auto;
	_margin-top: -8px;
}

body#samples .wrapper .main-container-bottom {
	_margin-bottom: -8px;
}

body#samples #samples-container {
	background: #fff;
	width: 981px;
	min-height: 100%;
	_height: 100%;
	margin: 0;
	position: relative;
	overflow: hidden;
	padding: 0 0 15px;
}

body#samples .steps {
	background: #fff url(../images/samples/h-step3.png) 0 0 no-repeat;
	margin: 6px 0 32px;
	text-indent: -99999px;
	width: 743px; height: 105px;
}

body#samples #bubble-photo {
	position: absolute;
	top: 30px; right: 0px;
}

body#samples .page-info {
	background: url(../images/common/bg-info-711.png) 0 0 no-repeat;
	color: #014e9b;
	font: Arial, Helvetica, sans-serif !important; 
	font-weight: bold;
	font-size: 12px;
	display: block;
	overflow: hidden;
	margin: 0 0 32px;
	padding: 10px 0 0 0;
	text-align: center;
	width: 711px; height: 32px;
}

body#samples #form_sample {
	padding: 0 16px;	
}

body#samples #cat-sample-group {
	width: 936px; height: auto;
	margin: 0 0 0 25px;
	overflow: hidden;
}

body#samples #pantene-tool-link {
	font-weight: bold;	
}

body#samples .cat-sample {
	width: 931px; height: auto;
	margin: 5px 0 0 10px; padding: 0 0 0 15px;
	background: transparent url(../images/samples/bg_samplecat_middle.png) 0 0 repeat-y;
	position: relative; overflow: hidden;
}

body#samples .cat-sample-header {
	display: block;
	width: 906px; height: 35px;
	margin: 0 0 5px -15px; padding: 8px 15px 0;
	font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 600; color: #fff;
	background: transparent url(../images/samples/bg_samplecat_header.png) 0 0 no-repeat;
}

body#samples .cat-sample-bottom {
	width: 936px; height: 7px;
	margin: 0 0 25px 10px;
	background: #fff url(../images/samples/bg_samplecat_bottom.png) 0 0 no-repeat;
}

body#samples #cat-sample-odor .Prod_block {
	width: 443px;
	float: left;
	margin: 0 10px 20px;
	height: auto;
	position: relative;
	_display: inline;
	_zoom: 1;
}

body#samples #samples-container p.info {
	margin: 15px 25px;
	font-size: 12px;
	font-weight: bold;
}

body#samples #samples-container .Prod_block {
	width: 443px;
	float: left;
	margin: 0 20px 20px 0;
	height: auto;
	position: relative;
	_display: inline;
	_zoom: 1;
}

body#samples #samples-container .Prod_block_dummy {
	background: #fff url('../images/samples/bg_Ineligible.jpg') 0 0 no-repeat;
	width: 909px;
	float: left;
	margin: 0 20px 20px 0;
	height: 292px;
	position: relative;
	_display: inline;
	_zoom: 1;
}

body#samples #samples-container .Prod_header, 
body#samples #samples-container .Pantene_header, 
body#samples #samples-container .cat-prod-header {
	position: relative;
	display: block;
	width: 443px;
	height: 31px;
	top: 5px;
	_top: 10px;
	z-index: 10;
	vertical-align: middle;
	text-align: right;
	cursor: pointer;
}

body#samples #samples-container .dummy_header  input{ display:none;}
body#samples #samples-container .dummy_header{
	position: relative;
	display: block;
	width: 443px;
	height: 31px;
	top: 5px;
	_top: 10px;
	z-index: 10;
	vertical-align: middle;
	text-align: right;
	background: transparent url(../images/samples/sample_select_on-off_bg.png) 0 0 no-repeat !important;
	_background: transparent url(../images/samples/sample_select_on-off_ie_bg.png) 0 0 no-repeat !important;	
}

body#samples .off {
	background: transparent url(../images/samples/sample_select_on-off_bg.png) 0 -41px no-repeat !important;
	_background: transparent url(../images/samples/sample_select_on-off_ie_bg.png) 0 -41px no-repeat !important;
}

body#samples .on {
	background: transparent url(../images/samples/sample_select_on-off_bg.png) 0 0 no-repeat !important;
	_background: transparent url(../images/samples/sample_select_on-off_ie_bg.png) 0 0 no-repeat !important;
}

body#samples #samples-container .Prod_Pic {
	display: block;
	float: left;
	width: 123px; height: 215px;
	margin-top: -15px;
}



body#samples #samples-container .dummy_desc {
	background: #fdfdfd url(../images/samples/bg_Ineligible.png) 0 100% no-repeat;
	width: 431px; height: 230px;
	font-size: 12px;
	color: #666;
	border: 1px solid #dadada;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	padding: 25px 10px 10px 0px;
	position: relative;
	overflow: hidden;
}

body#samples #samples-container .Prod_desc {
	background: #fdfdfd url(../images/samples/bg_prod.jpg) 0 0 no-repeat;
	width: 431px; height: 230px;
	font-size: 12px;
	color: #666;
	border: 1px solid #dadada;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	padding: 25px 10px 10px 0px;
	position: relative;
	overflow: hidden;
}

body#samples #samples-container .tide-desc {
	background: #fff url(../images/samples/bg-tide.jpg) 0 100% no-repeat;
	width: 421px; height: 230px;
	font-size: 12px;
	color: #666;
	border: 1px solid #dadada;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	padding: 25px 10px 10px 10px;
	position: relative;
	overflow: hidden;
}

body#samples #samples-container #tide-desc-txt {
	background: transparent url(../images/samples/desc-txt-tide.png) 0 0 no-repeat;
	text-indent: -99999px;
	width: 274px; height: 113px
}

body#samples #samples-container #tide-desc-learn {
	background: transparent url(../images/samples/desc-learn-more-tide.png) 0 0 no-repeat;
	display: block;
	margin: 12px 0 0;
	text-indent: -99999px;
	width: 106px; height: 29px;
}


body#samples #samples-container .crest-desc {
	background: #fff url(../images/samples/bg-crest.png) 0 100% no-repeat;
	width: 421px; height: 230px;
	font-size: 12px;
	color: #666;
	border: 1px solid #dadada;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	padding: 25px 10px 10px 10px;
	position: relative;
	overflow: hidden;
}

body#samples #samples-container #crest-desc-txt {
	background: transparent url(../images/samples/crest-text-desc.png) 0 0 no-repeat;
	text-indent: -99999px;
	width: 274px; height: 134px
}

body#samples #samples-container #crest-desc-learn {
	background: transparent url(../images/samples/desc-learn-more-tide.png) 0 0 no-repeat;
	display: block;
	margin: 12px 0 0;
	text-indent: -99999px;
	width: 106px; height: 29px;
}

body#samples #samples-container .hb-hydr-desc {
	background: #fff url('../images/samples/bg-herbal-hydration.png') 0 100% no-repeat;
	width: 421px; height: 230px;
	font-size: 12px;
	color: #666;
	border: 1px solid #dadada;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	padding: 25px 10px 10px 10px;
	position: relative;
	overflow: hidden;
}

body#samples #samples-container #hb-hydr-desc-txt {
	background: transparent url('../images/samples/hhydrat-text-desc.png') 0 0 no-repeat;
	text-indent: -99999px;
	width: 274px; height: 188px;
	margin-top: -6px;
}


body#samples #samples-container #hb-hydr-desc-learn {
	background: transparent url('../images/samples/desc-learn-more-hhydrat.png') 0 0 no-repeat;
	display: block;
	margin: 12px 0 0;
	text-indent: -99999px;
	width: 120px; height: 29px;
}

body#samples #samples-container .hb-envy-desc {
	background: #fff url('../images/samples/bg-herbal-envy.png') 0 100% no-repeat;
	width: 421px; height: 230px;
	font-size: 12px;
	color: #666;
	border: 1px solid #dadada;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	padding: 25px 10px 10px 10px;
	position: relative;
	overflow: hidden;
}

body#samples #samples-container #hb-envy-desc-txt {
	background: transparent url('../images/samples/henvy-text-desc.png') 0 0 no-repeat;
	text-indent: -99999px;
	width: 274px; height: 188px;
	margin-top: -6px;
}


body#samples #samples-container #hb-envy-desc-learn {
	background: transparent url('../images/samples/desc-learn-more-henvy.png') 0 0 no-repeat;
	display: block;
	margin: 12px 0 0;
	text-indent: -99999px;
	width: 120px; height: 29px;
}

body#samples #samples-container .covergirl-desc {
	background: #fff url('../images/samples/bg-covergirl.png') 0 100% no-repeat;
	width: 421px; height: 230px;
	font-size: 12px;
	color: #666;
	border: 1px solid #dadada;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	padding: 25px 10px 10px 10px;
	position: relative;
	overflow: hidden;
}

body#samples #samples-container #covergirl-desc-txt {
	background: transparent url('../images/samples/covergirl-text-desc.png') 0 0 no-repeat;
	text-indent: -99999px;
	width: 274px; height: 123px
}


body#samples #samples-container #covergirl-desc-learn {
	background: transparent url('../images/samples/desc-learn-more-covergirl.png') 0 0 no-repeat;
	display: block;
	margin: 12px 0 0;
	text-indent: -99999px;
	width: 115px; height: 29px;
}

body#samples #samples-container .olay-desc {
	background: #fff url('../images/samples/bg-olay.png') 0 100% no-repeat;
	width: 421px; height: 230px;
	font-size: 12px;
	color: #666;
	border: 1px solid #dadada;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	padding: 25px 10px 10px 10px;
	position: relative;
	overflow: hidden;
}

body#samples #samples-container #olay-desc-txt {
	background: transparent url('../images/samples/olay-text-desc.png') 0 0 no-repeat;
	text-indent: -99999px;
	width: 274px; height: 106px
}


body#samples #samples-container #olay-desc-learn {
	background: transparent url('../images/samples/desc-learn-more-olay.png') 0 0 no-repeat;
	display: block;
	margin: 12px 0 0;
	text-indent: -99999px;
	width: 118px; height: 25px;
}

body#samples #samples-container .scope-desc {
	background: #fff url(../images/samples/bg-scope.png) 0 100% no-repeat;
	width: 421px; height: 230px;
	font-size: 12px;
	color: #666;
	border: 1px solid #dadada;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	padding: 25px 10px 10px 10px;
	position: relative;
	overflow: hidden;
}

body#samples #samples-container #scope-desc-txt {
	background: transparent url(../images/samples/scope-text-desc.png) 0 0 no-repeat;
	text-indent: -99999px;
	width: 274px; height: 113px
}

body#samples #samples-container #scope-desc-learn {
	background: transparent url(../images/samples/desc-learn-more-tide.png) 0 0 no-repeat;
	display: block;
	margin: 12px 0 0 -6px;
	text-indent: -99999px;
	width: 106px; height: 29px;
}



body#samples #samples-container .Prod_header input,
body#samples #samples-container .Pantene_header input,
body#samples #samples-container .cat-prod-header input {
	display: none;
}

body#samples #samples-container .Prod_block .desc_text {
	float: right;
	width: 270px;
}

body#samples #samples-container .Prod_block .desc_text a + img {
	margin-left: 5px;
}

body#samples #samples-container .Prod_block b {
	color: #333;
}

body#samples span.checkbox {
	width: 443px;
	height: 31px !important;	/* override normal label > span heights */
	line-height: 17px !important;
	padding: 0 5px 0 0;
	background: url(../images/samples/checkboxes.png) 0 0 no-repeat;
	display: block;
	clear: left;
	float: left;
	overflow: hidden;
}

body#samples form#form_sample #userinfo {
	background: #f0eded;
	margin: 32px 20px 0 0; *margin: 52px 20px 0 0;
	border: 1px solid #dadada;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px 10px 25px;
	position: relative;
	width: 421px;
	float: right;
	_display: inline;
}

body#samples form#form_sample #userinfo p {
	margin: 15px 15px 20px;
	font-size: 12px;
	color: #666666;
	width: 400px; height: 100%;
	overflow: hidden;
}

body#samples form#form_sample #userinfo p.info {
	color: #015db2;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold ;
	font-size: 14px/14px;
}

body#samples form#form_sample #userinfo p span.label {
	display: block;
	width: 95px;
	float: left; clear: both;
	font-weight: bold;
	text-align: right;
}

body#samples form#form_sample #userinfo p span.data {
	display: block;
	float: right; clear: right;
	width: 280px;
	font-weight: normal;
}

body#samples #userinfo-tab {
	background: url("../images/samples/bg-tab-edit-profile.png") no-repeat scroll 0 0 transparent;
	color: #013972;
	display: block;
	height: 32px;
	left: -1px;
	position: absolute;
	text-align: center;
	top: -32px;
	width: 142px;
}

body#samples #userinfo-tab a, body#samples #userinfo-tab a:visited {
	color: #013972;
	font: Arial;
	font-weight: bold ;
	font-size: 12px/32px;
}

body#samples form#form_sample #submit1 {
	position: relative;
}

body#samples form#form_sample #submit1:active {
	top: 1px;
}

body#samples #button-block {
	float: right;
	overflow: visible;
	padding: 30px 12px 30px 0;
	position: relative;
	text-align: right;
	/*width: 255px;*/
}

body#samples #loader {
	background: url("../../common/images/loading.gif") no-repeat scroll 0 0 transparent;
	display: none;
	position: absolute;
	left: -20px; top: 42px;
	width: 16px; height: 16px;
}

body#samples #ErrResponse {
	color:  #FF0000;
	font-size: 10px;
	font-weight: bold;
	margin: 5px 0 0 5px;
	min-height: 12px; height: auto !important; height: 12px;
	overflow: visible;
	text-align: left;
	width: auto;
}




/* Profile
------------------------------------------------------------ */

body#profile .wrapper .main-container-top {
	background: url(../images/common/mainbox_top.png) bottom left no-repeat;
	display: block;
	width: 981px;
	height: 10px;
	margin: 0 auto;
	_margin-top: -8px;
}

body#profile .wrapper .main-container-bottom {
	_margin-bottom: -8px;
}

body#profile #profile-container {
	background: #fff;
	width: 981px;
	min-height: 100%;
	_height: 100%;
	margin: 0;
	position: relative;
	overflow: hidden;
	font-size: 12px;
	color: #666;
}

body#profile .steps {
	background: #fff url(../images/profile/h-edit-profile.png) 0 0 no-repeat;
	margin: 6px 0 32px;
	text-indent: -99999px;
	width: 412px; height: 105px;
}

body#profile #bubble-photo {
	float: right;
	margin: -115px 0 0;
}

body#profile .page-info {
	background: url(../images/common/bg-info-670-2row.png) 0 0 no-repeat;
	color: #014e9b;
	font: Arial, Helvetica, sans-serif !important; 
	font-weight: bold ;
	font-size: 12px;
	display: block;
	overflow: hidden;
	margin: 0 0 32px;
	padding: 10px 0 0 20px;
	text-align: left;
	width: 650px; height: 43px;
}

body#profile .section-header {
	background: url(../images/common/bg-section-header.png) 0 0 no-repeat;
	color: #014e9b;
	display: block;
	font: Arial, Helvetica, sans-serif !important;
	font-weight: bold ;
	font-size: 16px/16px;
	overflow: hidden;
	margin: 15px 0;
	padding: 8px 0 0 20px;
	position: relative;
	text-align: left;
	width: 643px; height: 32px;
}

body#profile .section-header span {
	color: #014E9B;
	font: Arial, Helvetica, sans-serif !important;
	font-size: 12px/18px;
	position: absolute;
	right: 20px;	
}

body#profile form#form_profile {
	float: left;
	width: 670px;
	height: auto;
	overflow: visible;
	font-size: 12px;
	color: #666;
	position: relative;
	padding: 0 0 0 16px;
}

body#profile form#form_profile p.instructions {
	color: #014E9B;
	font: Arial,Helvetica,sans-serif;
	font-size: 12px;
	margin: 0 0 15px 20px;
}

body#profile form#form_profile .row {
	width: 100%;
	display: block;
	clear: both;
	vertical-align: middle;
}

body#profile form#form_profile .label {
	width: 160px;
	display: block;
	float: left;
	text-align: right;
	font-weight: bold;
	padding: 4px 0 0 0;
	width: 225px;
}

body#profile form#form_profile .input {
	display: block;
	float: left;
	height: auto;
	margin: 0;
	overflow: visible;
	padding: 0 0 0 15px;
	position: relative;
	text-align: left;
	width: 340px;
}

body#profile form#form_profile .customSelect {
	padding: 0 0 0 15px;
	float: left;
	_position: relative;
	_z-index:100;
	#position: relative;
	#z-index:100;
}

body#profile form#form_profile .customSelect2{
	padding: 0 0 0 15px;
	float: left;
	_position: relative;
	_z-index:90;
}

body#profile form#form_profile .info {
	font-weight: bold;
}

body#profile form#form_profile .checkbox {
	font-size: 11px;
}

body#profile form#form_profile .checkbox a {
	color: #666;
}

body#profile form#form_profile .text input {
	font-size: 12px;
	line-height: 13px;
	width: 185px;
	margin: 0;
	padding: 3px;
	border: 1px solid #7f9db9;
}

body#profile form#form_profile .select select {
	width: 193px;
	height:22px;
	border:1px solid #7F9DB9
}

body#profile form#form_profile select {
	width: 193px;
	height:22px;
	border:1px solid #7F9DB9
}

body#profile form#form_profile .postal input {
	width: 40px;
	margin: 0 10px 0 0;
	padding: 2px;
	border: 1px solid #7f9db9;
}

body#profile .reg-caption {
	padding: 0; margin: 0;
	font-size: 11px; color: #666; font-style: italic;
}

body#profile .reg-caption #cap-pcode1, 
body#profile .reg-caption #cap-pcode2 {
	display: inline-block;
	width: 40px;
	padding: 0; margin: 0 10px 0 2px;
}


body#profile form#form_profile .radio {
	font-weight: bold;
}

body#profile form#form_profile .security input {
	width: 130px;
	height: 20px;
	padding: 4px 2px;
	border: 1px solid #7f9db9;
	float: left;
	margin: 0 10px 0 0;
	font-size: 16px;
}

body#profile form#form_profile #submit {
	position: relative;
	margin: 15px 0 5px;
}

body#profile .error-msg {
	display: block;
	clear: both;
	font-size: 10px;
	font-weight: bold;
	color: #ff0000;
	width: 210px;
	margin: 0 0 6px 200px;
}

body#profile form#form_profile .diverror {
	clear : left;
	float : left;
	padding-left:240px;
	width:435px;
	min-height: 12px; height: auto !important; height: 12px;
}

body#profile form#form_profile .diverror .error {
	display : block;
	color : red;
	font-size : 10px;
	font-weight: bold;
	line-height: 10px;
	margin: 0;
	padding: 1px 0 2px;
	width:auto;
}

body#profile .button-row {
	text-align: center;
}

body#profile form#form_profile .buttons {
	position: relative;
	left: 360px;
}

body#profile #ErrResponse {
	clear: both;
	color:  #FF0000;
	font-size: 10px;
	font-weight: bold;
	margin: 0 0 15px 5px;
	min-height: 12px; height: auto !important; height: 12px;
	overflow: visible;
	text-align: left;
	width: 255px;
}

body#profile #loader {
	background: url(../../common/images/loading.gif) no-repeat;
	display: none;
	position: absolute; top: 28px; left: -6px;
	width: 16px; height: 16px;
}


body#profile #passChecker{
	width: 201px;
	height: 206px;
	left:479px;
	_left:480px;
	top: 281px;
	position:absolute;
	font-size: 11px;
	background:transparent url('../images/common/pwdCheck_bg.png') no-repeat;
	_z-index:-1;
	#z-index:-1;
}

body#profile #passChecker .wrap{padding-left:15px;padding-top:5px;}
body#profile #passChecker h4{font-size:12px;font-weight:bold;margin-bottom:5px;}
body#profile #passChecker ul{list-style:none;}

body#profile #passChecker ul li{padding-left:30px;padding-bottom:7px;margin-bottom:5px;}

body#profile #passChecker ul li#caps{background:transparent url('../images/common/pass.gif') no-repeat top left;padding-bottom:10px;}
body#profile #passChecker ul li#charLen{background:transparent url('../images/common/pass.gif') no-repeat top left;}
body#profile #passChecker ul li#charUpp{background:transparent url('../images/common/pass.gif') no-repeat top left;}
body#profile #passChecker ul li#charNum{background:transparent url('../images/common/pass.gif') no-repeat top left;}

body#profile #passChecker ul li#caps.no{background:transparent url('../images/common/caps_err.gif') no-repeat center left;color : red;}
body#profile #passChecker ul li#charLen.no{background:transparent url('../images/common/err.gif') no-repeat top left;color : red;}
body#profile #passChecker ul li#charUpp.no{background:transparent url('../images/common/err.gif') no-repeat top left;color : red;}
body#profile #passChecker ul li#charNum.no{background:transparent url('../images/common/err.gif') no-repeat top left;color : red;}




/* Tell a Friend | Common Styles
------------------------------------------------------------ */

form#form_taf {
	font-size: 12px;
	width: 690px;
	background: #fff;
}

form#form_taf label {
	font-weight: bold;
}

form#form_taf label.left {
	margin: 0 50px 0 20px;
}

form#form_taf label span {
	display: inline-block;
	width: 150px;
}

form#form_taf label.left span {
	width: 50px;
}

form#form_taf label input {
	width: 175px;
	height: 16px;
	padding: 2px;
	border: 1px solid #7f9db9;
	margin: 0 0 0 5px;
}

form#form_taf p {
	font-weight: bold;
	margin: 16px 0px;
}

form#form_taf #submit {
	display: block;
	margin: 40px auto;
}

form#form_taf .msg1 {
	color: #333 !important;	
}

form#form_taf .msg2 {
	margin: 25px 0;	
}

form#form_taf .error-msg {
	display: block;
	clear: both;
	_padding-bottom:5px;
	position: relative;
	overflow: hidden;
	width: auto; min-height: 18px; height: auto !important; height: 18px;
	font-size: 10px;
	font-weight: bold;
	color: #ff0000;
}

form#form_taf .error-name {
	position: relative;
	float: left;
	left: 80px;
	display: block;
	width: 205px; height: auto;
}

form#form_taf .error-email {
	position: relative;
	margin-left: 472px;
	display: block;
	width: 205px; height: auto;
}

form#form_taf .error-sender {
	width: 305px;
	margin: 0 0 0 5px;
	font-size: 10px;
	font-weight: bold;
	color: #ff0000;
}




/* Tell a Friend | Main Page
------------------------------------------------------------ */

body#taf .wrapper .main-container-top {
	background: url(../images/common/mainbox_top.png) bottom left no-repeat;
	display: block;
	width: 981px;
	height: 10px;
	margin: 0 auto;
	_margin-top: -8px;
}

body#taf .wrapper .main-container-bottom {
	_margin-bottom: -8px;
}

body#taf #taf-container {
	background: #fff;
	width: 981px;
	min-height: 100%;
	_height: 100%;
	margin: 0;
	position: relative;
	overflow: hidden;
	padding: 0;
	font-size: 12px;
	color: #5d5c5c;
}

body#taf .steps {
	background: #fff url(../images/taf/h-taf.png) 0 0 no-repeat;
	margin: 6px 0 32px;
	text-indent: -99999px;
	width: 412px; height: 105px;
}

body#taf #bubble-photo {
	float: right;
	margin: -118px -6px 0 0;
}

body#taf .page-info {
	background: url(../images/common/bg-info-670-2row.png) 0 0 no-repeat;
	color: #014e9b;
	font: Arial, Helvetica, sans-serif !important; 
	font-weight: bold ;
	font-size: 12px;
	display: block;
	overflow: hidden;
	margin: 0 0 27px;
	padding: 10px 0 0 20px;
	text-align: left;
	width: 650px; height: 32px;
}
 
body#taf .page-info a.photo {
	color:#014E9B;
}


body#taf .section-header {
	background: url(../images/common/bg-section-header.png) 0 0 no-repeat;
	color: #042b75;
	display: block;
	font: Arial, Helvetica, sans-serif !important;
	font-weight: bold ;
	font-size: 16px/16px;
	overflow: hidden;
	margin: 15px 0;
	padding: 5px 0 0 20px;
	position: relative;
	text-align: left;
	width: 643px; height: 32px;
}

body#taf form#form_taf {
	float: left;
	margin: 0; padding: 0 0 0 16px;
	overflow: hidden;
	position: relative;
}

body#taf #button-block {
	margin: 40px 0 40px 355px; *margin: 40px 0 15px 355px;
	overflow: visible;
	position: relative;
}

body#taf #loader {
	background: url("../../common/images/loading.gif") no-repeat scroll 0 0 transparent;
	display: none;
	position: absolute; left: -20px; top: 14px;
	width: 16px; height: 16px;
}

body#taf form#form_taf #submit {
	display: inline;
	margin: 0;
}

body#taf #ErrResponse {
	color:  #FF0000;
	font-size: 10px;
	font-weight: bold;
	margin: 5px 0 15px 5px;
	min-height: 12px; height: auto !important; height: 12px;
	overflow: visible;
	text-align: left;
}



/* Tell a Friend | Thanks
------------------------------------------------------------ */

body#taf-thanks .main-container {
	background: none;	
}

body#taf-thanks #taf-thanks-container {
	background: url(../images/common/bg-mainbox-sorry.png) 0 0 no-repeat;
	width: 981px; height: 551px;
	margin: 0;
	position: relative;
	overflow: hidden;
	padding: 0;
	font-size: 12px;
	color: #666;
}

body#taf-thanks #copy {
	color: #0079de;
	margin: 86px auto 0;
	text-align: center;
	width: 849px;
}

body#taf-thanks #copy h3 {
	font: Arial, Helvetica, sans-serif;
	font-weight: bold ;
	font-size: 27px/27px;
	margin: 0 0 25px;
	color:#0037c9;
}

body#taf-thanks #copy p {
	color: #5d5c5c;
	font: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	margin: 0 0 20px;
}

body#taf-thanks #callout-left {
	position: absolute; top: 250px; left: 66px;
}

body#taf-thanks #callout-right {
	position: absolute; top: 250px; right: 66px;
}




/* Thanks for Your Request
------------------------------------------------------------ */

body#sample-thanks .wrapper .main-container {
	background: #fff;
	display: block;
	height: auto;
	margin: 8px auto;
	overflow: visible;
	position: relative;
	width: 981px;	
}

body#sample-thanks .wrapper .main-container-top {
	background: transparent url(../images/thanks/bg-mainbox-thanks-top.png) bottom left no-repeat;
	display: block;
	margin: 0 auto;
	position: absolute; top: -8px; left: 0;
	width: 981px; height: 263px;
}

body#sample-thanks .wrapper .main-container-bottom {
	background: transparent url(../images/thanks/bg-mainbox-thanks-bottom.png) 0 0 no-repeat;
	display: block;
	margin: 0 auto;
	position: absolute; bottom: -8px; left: 0;
	width: 981px; height: 511px;
}

body#sample-thanks #sample-thanks-container {
	background: transparent;
	width: 981px;
	min-height: 774px; height: auto !important; height: 774px;
	margin: 0;
	position: relative;
	overflow: visible;
	padding: 0px;
	font-size: 12px;
	color: #666;
	z-index: 100;
}

body#sample-thanks #sample-thanks-container #fake_div{
	clear:both;
	height:40px;
	width:100%;
	
}

body#sample-thanks .steps {
	background: transparent url("../images/thanks/h-process-complete.png") no-repeat scroll 0 0;
	position: absolute; left: 25px; top: 21px;
	text-indent: -99999px;
	width: 205px; height: 14px;
}

body#sample-thanks #copy {
	color: #0079DE;
	left: 85px;
	position: absolute;
	text-align: center;
	top: 115px;
	width: 415px;
	z-index: 1;
}

body#sample-thanks #copy h3 {
	font: Arial, Helvetica, sans-serif;
	font-weight: bold ;
	font-size: 27px/27px;
	margin: 0 0 30px;
	color:#0037c9;
}

body#sample-thanks #copy h4 {
	font: Arial, Helvetica, sans-serif;
	font-weight: bold ;
	font-size: 20px/20px;
}

body#sample-thanks #copy p {
	color: #5d5c5c;
	font: Arial, Helvetica, sans-serif;	
	font-weight: normal ;
	font-size: 15px/20px;
}

body#sample-thanks #callout-taf {
	position: absolute;
	right: 50px;
	top: 40px;
	z-index: 100;
}

body#sample-thanks #form_optins {
	overflow: hidden;
	position: relative;
	padding: 300px 0 65px;
	width: 981px;
}

body#sample-thanks hr {
	background: transparent url(../images/thanks/hr.jpg) 0 0 no-repeat;
	clear: both;
	border: 0;
	margin: 50px 0 15px;
	padding: 0;
	width: 981px;
	height: 24px;
	*display: list-item;
	*list-style: url(../images/thanks/hr.jpg);
	*filter: alpha(opacity=0);
	*width: 0px;
	*margin-left: 981px;
}

body#sample-thanks .optins {
	display: block; _display: inline;
	float: left;
	margin: 21px 16px;	
	position: relative;
}

body#sample-thanks #brand-callouts,
body#sample-thanks #other-optins {
	margin: 0 0 -21px 62px;
	overflow: hidden;
	width: 865px;
}

body#sample-thanks .optin-block a:link,
body#sample-thanks .optin-block a:visited,
body#sample-thanks .optin-block .rarr {
	position: relative; top: 5px;	
}



/* Scope */
body#sample-thanks #scope {
	background: url(../images/thanks/bg-optin-scope.png) 0 0 no-repeat;
	width: 854px; height: 268px;
	margin: 0 0 21px 56px;
	position: relative;
}

body#sample-thanks #scope .optin-block {
	color: #fff;
	display: block;
	font: Arial, Helvetica, sans-serif;
	font-weight: normal ;
	font-size: 16px/22px;
	position: absolute; top: 113px; left: 107px;
	width: 532px;
}

body#sample-thanks #hb #fresh{
	text-indent:-99999px;
}

body#sample-thanks #cov #fresh{
	text-indent:-99999px;
}

body#sample-thanks #olay #fresh{
	text-indent:-99999px;
}

body#sample-thanks #scope .optin-block a:link,
body#sample-thanks #scope .optin-block a:visited {
	color: #fff;
	top: 0;
}

body#sample-thanks #scope .optin-block input {
	cursor: pointer;
	display: block;
	float: left;
	margin: 3px 3px 45px 0;
	width: 16px; height: 16px;
}

body#sample-thanks #scope .optin-thanks {
	color: #fff;
	display: none;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold ;
	font-size: 16px/22px;
	position: absolute; top: 100px; left: 106px;
	width: 560px;
}

body#sample-thanks #scope .optin-thanks p {
	margin: 22px 0 0 20px;
}

body#sample-thanks #scope .brand-link {
	display: block;
	position: absolute; bottom: 3px; left: 121px;
	text-indent: -99999px;
	width: 210px; height: 25px;
}



/* Brandvoice */
body#sample-thanks #brandvoice {
	background: url(../images/thanks/bg-optin-bvoice.png) 0 0 no-repeat;
	width: 854px; height: 268px;
	margin: 0 0 21px 56px;
	position: relative;
}

body#sample-thanks #brandvoice .optin-block {
	color: #4c4c4c;
	display: block;
	font: Arial, Helvetica, sans-serif;
	font-weight: normal ;
	font-size: 16px/22px;
	position: absolute; top: 152px; left: 53px;
	width: 384px;
}

body#sample-thanks #brandvoice .optin-block strong{
	color: #00aeef;
}


body#sample-thanks #brandvoice #fresh{
	text-indent:-99999px;
}


body#sample-thanks #brandvoice .optin-block a:link,
body#sample-thanks #brandvoice .optin-block a:visited {
	color: #fff;
	top: 0;
}

body#sample-thanks #brandvoice .optin-block input {
	cursor: pointer;
	display: block;
	float: left;
	margin: 3px 3px 45px 0;
	width: 16px; height: 16px;
}

body#sample-thanks #brandvoice .optin-thanks {
	color: #fff;
	display: none;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold ;
	font-size: 16px/22px;
	position: absolute; top: 100px; left: 106px;
	width: 560px;
}

body#sample-thanks #brandvoice .optin-thanks p {
	margin: 22px 0 0 20px;
}

body#sample-thanks #brandvoice .brand-link {
	display: block;
	position: absolute; bottom: 3px; left: 121px;
	text-indent: -99999px;
	width: 210px; height: 25px;
}




/* Pantene */
body#sample-thanks #pantene {
	background: url(../images/thanks/bg-optin-pantene.png) 0 0 no-repeat;
	width: 399px; height: 206px;
}

body#sample-thanks #pantene .optin-block {
	color: #fff;
	display: block;
	font: Arial, Helvetica, sans-serif;
	font-weight: normal ;
	font-size: 12px/14px;
	position: absolute; top: 70px; left: 21px;
	width: 270px;
}

body#sample-thanks #pantene .optin-block a:link,
body#sample-thanks #pantene .optin-block a:visited {
	color: #fff;
}

body#sample-thanks #pantene .optin-block input {
	cursor: pointer;
	display: block;
	float: left;
	margin: 0 5px 90px 0;
}

body#sample-thanks #pantene .optin-thanks {
	color: #fff;
	display: none;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold ;
	font-size: 12px/14px;
	position: absolute; top: 70px; left: 38px;
	width: 253px; height: 100px;
}

body#sample-thanks #pantene .optin-thanks p {
	margin-top: 20px;
}

body#sample-thanks #pantene .brand-link {
	display: block;
	position: absolute; bottom: 7px; left: 30px;
	text-indent: -99999px;
	width: 200px; height: 28px;
}

/* Covergirl */
body#sample-thanks #covergirl {
	background: url(../images/thanks/bg-optin-covergirl.png) 0 0 no-repeat;
	width: 399px; height: 206px;
}

body#sample-thanks #covergirl .optin-block {
	color: #fff;
	display: block;
	font: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px/14px;
	position: absolute; top: 70px; left: 21px;
	width: 270px;
}

body#sample-thanks #covergirl .optin-block a:link,
body#sample-thanks #covergirl .optin-block a:visited {
	color: #fff;
}

body#sample-thanks #covergirl .optin-block input {
	cursor: pointer;
	display: block;
	float: left;
	margin: 0 5px 90px 0;
}

body#sample-thanks #covergirl .optin-thanks {
	color: #fff;
	display: none;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold ;
	font-size: 12px/14px;
	position: absolute; top: 70px; left: 38px;
	width: 253px; height: 100px;
}

body#sample-thanks #covergirl .optin-thanks p {
	margin-top: 20px;
}

body#sample-thanks #covergirl .brand-link {
	display: block;
	position: absolute; bottom: 7px; left: 30px;
	text-indent: -99999px;
	width: 238px; height: 28px;
}

/* Always */
body#sample-thanks #always {
	background: url(../images/thanks/bg-optin-always.png) 0 0 no-repeat;
	width: 399px; height: 206px;
}

body#sample-thanks #always .optin-block {
	color: #000;
	display: block;
	font: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px/14px;
	position: absolute; top: 70px; left: 21px;
	width: 270px;
}

body#sample-thanks #always .optin-block a:link,
body#sample-thanks #always .optin-block a:visited {
	color: #000;
}

body#sample-thanks #always .optin-block input {
	cursor: pointer;
	display: block;
	float: left;
	margin: 0 5px 90px 0;
}

body#sample-thanks #always .optin-thanks {
	color: #000;
	display: none;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px/14px;
	position: absolute; top: 70px; left: 38px;
	width: 253px; height: 100px;
}

body#sample-thanks #always .optin-thanks p {
	margin-top: 20px;
}

body#sample-thanks #always .brand-link {
	display: block;
	position: absolute; bottom: 7px; left: 30px;
	text-indent: -99999px;
	width: 195px; height: 28px;
}

/* hb */
body#sample-thanks #hb {
	background: url('../images/thanks/bg-optin-herbal.png') 0 0 no-repeat;
	width: 854px; height: 268px;
	margin: 0 0 21px 56px;
	position: relative;
}

body#sample-thanks #hb .optin-block {
	color: #fff;
	display: block;
	font: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px/22px;
	position: absolute; top: 95px; left: 101px;
	width: 550px;
}

body#sample-thanks #hb .optin-block a:link,
body#sample-thanks #hb .optin-block a:visited {
	color: #fff;
	top: 0;
}

body#sample-thanks #hb .optin-block input {
	cursor: pointer;
	display: block;
	float: left;
	margin: 3px 3px 45px 0;
	width: 16px; height: 16px;
}

body#sample-thanks #hb .optin-block h1
{
	text-indent: -99999px;	
}

body#sample-thanks #hb .optin-block #note
{
	font: Arial, Helvetica, sans-serif;	
	font-weight: bold;
	font-size: 10px/30px;
}

body#sample-thanks #hb .optin-thanks {
	color: #fff;
	display: none;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px/22px;
	position: absolute; top: 83px; left: 101px;
	width: 560px;
}

body#sample-thanks #hb .optin-thanks p {
	margin: 22px 0 0 20px;
}

body#sample-thanks #hb .brand-link {
	display: block;
	position: absolute; bottom: 16px; left: 115px;
	text-indent: -99999px;
	width: 290px; height: 24px;
}


/* covirgirl */
body#sample-thanks #cov {
	background: url('../images/thanks/bg-optin-covergirl.png') 0 0 no-repeat;
	width: 854px; height: 268px;
	margin: 0 0 21px 56px;
	position: relative;
}

body#sample-thanks #cov .optin-block {
	color: #fff;
	display: block;
	font: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px/22px;
	position: absolute; top: 95px; left: 101px;
	width: 550px;
}

body#sample-thanks #cov .optin-block a:link,
body#sample-thanks #cov .optin-block a:visited {
	color: #fff;
	top: 0;
}

body#sample-thanks #cov .optin-block input {
	cursor: pointer;
	display: block;
	float: left;
	margin: 3px 3px 45px 0;
	width: 16px; height: 16px;
}

body#sample-thanks #cov .optin-block h1
{
	text-indent: -99999px;	
}

body#sample-thanks #cov .optin-block #note
{
	font: Arial, Helvetica, sans-serif;	
	font-weight: bold;
	font-size: 10px/30px;
}

body#sample-thanks #cov .optin-thanks {
	color: #fff;
	display: none;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px/22px;
	position: absolute; top: 85px; left: 101px;
	width: 560px;
}

body#sample-thanks #cov .optin-thanks p {
	margin: 22px 0 0 20px;
}

body#sample-thanks #cov .brand-link {
	display: block;
	position: absolute; bottom: 16px; left: 115px;
	text-indent: -99999px;
	width: 235px; height: 24px;
}

/* olay */
body#sample-thanks #olay {
	background: url('../images/thanks/bg-optin-olay.png') 0 0 no-repeat;
	width: 854px; height: 268px;
	margin: 0 0 21px 56px;
	position: relative;
}

body#sample-thanks #olay .optin-block {
	color: #fff;
	display: block;
	font: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px/22px;
	position: absolute; top: 93px; left: 101px;
	width: 550px;
}

body#sample-thanks #olay .optin-block a:link,
body#sample-thanks #olay .optin-block a:visited {
	color: #fff;
	top: 0;
}

body#sample-thanks #olay .optin-block input {
	cursor: pointer;
	display: block;
	float: left;
	margin: 3px 3px 45px 0;
	width: 16px; height: 16px;
}

body#sample-thanks #olay .optin-block h1{
	text-indent: -99999px;	
}

body#sample-thanks #olay .optin-block #note{
	font: Arial, Helvetica, sans-serif;	
	font-weight: bold;
	font-size: 10px/30px;
}

body#sample-thanks #olay .optin-thanks {
	color: #fff;
	display: none;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px/22px;
	position: absolute; top: 93px; left: 101px;
	width: 560px;
}

body#sample-thanks #olay .optin-thanks p {
	margin: 22px 0 0 20px;
}

body#sample-thanks #olay .brand-link {
	display: block;
	position: absolute; bottom: 16px; left: 115px;
	text-indent: -99999px;
	width: 200px; height: 24px;
}

/* Secret */
body#sample-thanks #secret {
	background: url(../images/thanks/bg-optin-secret.png) 0 0 no-repeat;
	width: 399px; height: 206px;
}

body#sample-thanks #secret .optin-block {
	color: #fff;
	display: block;
	font: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px/14px;
	
	position: absolute; top: 70px; left: 21px;
	width: 275px;
}

body#sample-thanks #secret .optin-block a:link,
body#sample-thanks #secret .optin-block a:visited {
	color: #fff;
}

body#sample-thanks #secret .optin-block input {
	cursor: pointer;
	display: block;
	float: left;
	margin: 0 5px 90px 0;
}

body#sample-thanks #secret .optin-thanks {
	color: #fff;
	display: none;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px/14px;
	position: absolute; top: 70px; left: 38px;
	width: 253px; height: 100px;
}

body#sample-thanks #secret .optin-thanks p {
	margin-top: 20px;
}

body#sample-thanks #secret .brand-link {
	display: block;
	position: absolute; bottom: 7px; left: 30px;
	text-indent: -99999px;
	width: 185px; height: 28px;
}

/* Head & Shoulders */
body#sample-thanks #hs {
	background: url(../images/thanks/bg-optin-head-and-shoulders.png) 0 0 no-repeat;
	width: 399px; height: 206px;
}

body#sample-thanks #hs .optin-block {
	color: #000;
	display: block;
	font: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px/14px;
	position: absolute; top: 70px; left: 21px;
	width: 275px;
}

body#sample-thanks #hs .optin-block a:link,
body#sample-thanks #hs .optin-block a:visited {
	color: #000;
}

body#sample-thanks #hs .optin-block input {
	cursor: pointer;
	display: block;
	float: left;
	margin: 0 5px 90px 0;
}

body#sample-thanks #hs .optin-thanks {
	color: #000;
	display: none;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px/14px;
	position: absolute; top: 70px; left: 38px;
	width: 253px; height: 100px;
}

body#sample-thanks #hs .optin-thanks p {
	margin-top: 20px;
}

body#sample-thanks #hs .brand-link {
	display: block;
	position: absolute; bottom: 7px; left: 30px;
	text-indent: -99999px;
	width: 285px; height: 28px;
}

/* Febreze */
body#sample-thanks #febreze {
	background: url(../images/thanks/callout-febreze.png) 0 0 no-repeat;
	width: 399px; height: 206px;
}

body#sample-thanks #febreze .optin-block {
	color: #000;
	display: block;
	font: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px/14px;
	position: absolute; top: 70px; left: 21px;
	width: 275px;
}

body#sample-thanks #febreze .optin-block p {
	text-indent: -99999px;
}

body#sample-thanks #febreze .brand-link {
	display: block;
	position: absolute; bottom: 32px; left: 30px;
	text-indent: -99999px;
	width: 205px; height: 28px;
}




/* Sorry pages
------------------------------------------------------------ */

body#sorry .main-container {
	background: none;	
}

#reset{
cursor:pointer;text-decoration:underline;color:#009BFF;	
	}

body#sorry #sorry-container {
	background: url(../images/common/bg-mainbox-sorry.png) 0 0 no-repeat;
	width: 981px; height: 551px;
	margin: 0;
	position: relative;
	overflow: hidden;
	padding: 0;
	font-size: 12px;
	color: #666;
}

body#sorry #copy {
	color: #0079de;
	margin: 105px auto 0;
	text-align: center;
	width: 849px;
}

body#sorry #copy.returning {
	color: #0079de;
	margin: 30px auto 0;
	text-align: center;
	width: 849px;
}


body#sorry #copy.under,body#sorry #copy.err404 {
	color: #0079de;
	margin: 65px auto 0;
	text-align: center;
	width: 849px;
}

body#sorry #copy_product {
	color: #0079de;
	margin: 50px auto 0;
	text-align: center;
	width: 849px;
}

body#sorry #copy .submitBtnLg{
	margin-bottom:15px;
	position:relative;
}

body#sorry #copy.noproducts p,
body#sorry #copy_product.noproducts p
{
	font-size:15px;
	color: #0079DE;
    font: Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 16px;
}

body#sorry #copy.noproducts p span,
body#sorry #copy.noproducts p a,
body#sorry #copy p a,
body#sorry #copy p span


{
	color: #0079DE;
}

body#sorry #copy h3,
body#sorry #copy_product h3

{
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 27px/27px;
	margin: 0 0 25px;
	color:#0037c9;
}


body#sorry #copy p,
body#sorry #copy_product p
{
	color: #0079DE;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 20px;
}

body#sorry #copy .returning p,
{
	color: #0079DE;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 15px;
}

body#sorry #copy p.underage {
	font-size: 15px;
}

body#sorry #copy p img {
	vertical-align: middle;
}

body#sorry #callout-left {
	position: absolute; top: 250px; left: 66px;
}

body#sorry #callout-right {
	position: absolute; top: 250px; right: 66px;
}




/* Password Reset | Main Page
------------------------------------------------------------ */

body#pwreset .main-container {
	background: none;	
}

body#pwreset #pwreset-container {
	background: url(../images/common/bg-mainbox-sorry.png) 0 0 no-repeat;
	width: 981px; height: 551px;
	margin: 0;
	position: relative;
	overflow: hidden;
	padding: 0;
	font-size: 12px;
	color: #666;
}



body#pwreset #copy {
	color: #0079de;
	margin: 115px auto 0;
	text-align: center;
	width: 849px;
}

body#pwreset #copy h3 {
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 27px/27px;
	margin: 0 0 50px;
	color:#0037c9;
}

#reset_link{
	cursor:pointer;
	text-decoration:underline;
}

body#pwreset #copy p {
	color: #0079de;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 30px;
}

body#pwreset .form_pwreset button {
	margin: 15px 0 5px;
}



body#pwreset #form_pwreset {
	position: relative;
	width: 400px;
	padding-left:295px;
	text-align:center;
}

body#pwreset #form_pwreset .row {
/*	margin: 0 auto;
	overflow: visible;
	position: relative;
	text-align: center;
	width: 400px;*/
	clear : both;
	overflow: visible;
	position: relative;
	text-align: center;
	margin: 0 auto;
	height:39px;
	width: 400px;
	
}

body#pwreset #form_pwreset label {
	display: block;
	float: left;
	font-weight: bold;
	text-align: right;
	margin: 4px 0 0;
	width: 120px;
	
}

body#pwreset #form_pwreset #labelPcode  {
	_padding-right:12px;
}


body#pwreset #form_pwreset #Email {
	border: 1px solid #7F9DB9;
	float: left;
	margin: 0 0 0 15px;
	padding: 3px;
	width: 200px;
}

body#pwreset #form_pwreset .error-msg {
	clear: both;
	margin: 0 0 0 135px;
	width: 520px;
	line-height: 15px;
	display: block;
}

body#pwreset .error-msg .error {
	text-align: left !important;
	margin: 0 !important;
	clear: both;
	color: #FF0000;
	display: block;
	font-size: 10px;
	font-weight: bold;
	height: 10px;
	line-height: 10px;
}


body#pwreset #clearing-spacer {
	margin-left: 95px;
}

body#pwreset #loader {
	background: url(../../common/images/loading.gif) no-repeat;
	display: none;
	position: absolute; left: 90px; top: 55px;
	width: 16px; height: 16px;
}

body#pwreset #ErrResponse {
	clear: both;
	color:  #FF0000;
	font-size: 10px;
	font-weight: bold;
	margin: 0 0 0 -60px;
	min-height: 12px; height: auto !important; height: 12px;
	overflow: visible;
	text-align: left;
	width: 550px;
}

body#pwreset .dob {
	float:left;  
	margin-left:10px; 
	*margin-left:20px;
}

body#pwreset form#form_pwreset .postal input {
	width: 40px;
	height: 16px;
	margin: 0 10px 0 0;
	padding: 2px;
	border: 1px solid #7f9db9;
}

body#pwreset form#form_pwreset #txt_pcode1{
	margin-right:10px;
}

body#pwreset .reg-caption {
	padding: 0; margin: 0;
	_padding-left:20px;
	font-size: 11px; color: #666; font-style: italic;
}

body#pwreset .reg-caption #cap-pcode1, 
body#pwreset .reg-caption #cap-pcode2 {
	padding: 0; margin: 0 35px 0 2px;
}

body#pwreset form#form_pwreset .postal input#txt_pcode1, body#pwreset form#form_pwreset .postal input#txt_pcode2 {
	padding: 4px 0px;
	width:40px;
	
}

body#pwreset .reg-caption #cap-pcode1{_padding-left:100px;_margin-right:45px;}

body#pwreset form#form_pwreset .text input{
	font-size: 12px;
	line-height: 13px;
	width: 265px;
	margin: 0;
	padding: 3px;
	border: 1px solid #7f9db9;
	
}

body#pwreset form#form_pwreset .input {
	padding: 0 0 0 15px;
	margin: 0;
	display: block;
	text-align: left;
	position: relative;
	overflow: hidden;
	height: auto;
}
/* Password Reset  | Question selection form
------------------------------------------------------------ */
body#pwresetsel .main-container {
	background: none;	
}

body#pwresetsel #pwresetsel-container {
	background: url(../images/common/bg-mainbox-sorry.png) 0 0 no-repeat;
	width: 981px; height: 551px;
	margin: 0;
	position: relative;
	overflow: hidden;
	padding: 0;
	font-size: 12px;
	color: #666;
}

body#pwresetsel #copy {
	color: #0079de;
	margin: 150px auto 0;
	text-align: center;
	width: 849px;
}

body#pwresetsel #copy h3 {
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 27px/27px;
	margin: 0 0 30px;
	color:#0037c9;
}

body#pwresetsel #copy p {
	color: #0079de;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 20px;
}

body#pwresetsel #form_pwresetsel {
	margin: 0 auto;
	position: relative;
	text-align: center;
	width: 949px;
}

body#pwresetsel #form_pwresetsel .row {
	clear : both;
	overflow: visible;
	position: relative;
	text-align: left;
	margin: 0 auto;
	height:39px;
	width: 800px;
	
}

body#pwresetsel #form_pwresetsel .label {
	display: block;
	float: left;
	font-weight: bold;
	text-align: left;
	margin: 4px 0 0;
	width: 105px;
}

body#pwresetsel #form_pwresetsel .question{
	width: 665px;
}

body#pwresetsel #form_pwresetsel #Email {
	border: 1px solid #7F9DB9;
	float: left;
	margin: 0 0 0 15px;
	padding: 3px;
	width: 200px;
}

body#pwresetsel #form_pwresetsel .error-msg {
	clear: both;
	margin: 0 0 0 115px;
	width: 400px;
}

body#pwresetsel #form_pwresetsel .error-msg .error {
	color: #ff0000;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	margin: 0 !important;
	height: 0;
	text-align: left !important;
	width:400px;
}

body#pwresetsel #form_pwresetsel #loader {
	background: url(../../common/images/loading.gif) no-repeat;
	display: none;
	position: absolute; left: 50px; top: 240px;
	width: 16px; height: 16px;
}

body#pwresetsel #form_pwresetsel #ErrResponse {
	color:  #FF0000;
	font-size: 10px;
	font-weight: bold;
	min-height: 12px; height: auto !important; height: 12px;
	text-align: left;
	clear:none;
	float:left;
	margin:0 0 0 75px;
	display:none;
}

body#pwresetsel form#form_pwresetsel .text input{
	font-size: 12px;
	line-height: 13px;
	width: 265px;
	margin: 0;
	padding: 3px;
	border: 1px solid #7f9db9;
}

body#pwresetsel form#form_pwresetsel .input {
	padding: 0 0 0 15px;
	margin: 0;
	display: block;
	text-align: left;
	position: relative;
	overflow: hidden;
	height: auto;
}

body#pwresetsel form#form_pwresetsel .select select {
width :215px;	
	}



/* Password Reset  | Question Check form
------------------------------------------------------------ */

body#pwreset #copy_pwdresponse {
	color: #0079de;
	margin: 120px auto 0;
	text-align: center;
	width: 849px;
}

body#pwreset #copy_pwdresponse h3 {
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 27px/27px;
	margin: 0 0 25px;
}

body#pwreset #copy_pwdresponse p {
	color: #0079de;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 30px;
}

body#pwreset #form_pwdresponse {
	margin: 0 auto;
	position: relative;
	text-align: center;
	width: 949px;
	padding-left: 205px;
}

body#pwreset #form_pwdresponse .row {
	clear : both;
	overflow: visible;
	position: relative;
	text-align: left;
	margin: 0 auto;
	height:39px;
	width: 800px;
	
}

body#pwreset #form_pwdresponse .label {
	display: block;
	float: left;
	font-weight: bold;
	text-align: left;
	margin: 4px 0 0;
	width: 100px;
	margin-right:12px;
}

body#pwreset #form_pwdresponse .question{
	width: 665px;
}

body#pwreset #form_pwdresponse #Email {
	border: 1px solid #7F9DB9;
	float: left;
	margin: 0 0 0 15px;
	padding: 3px;
	width: 200px;
}

body#pwreset #form_pwdresponse .error-msg {
	clear: both;
	margin: 0 0 0 115px;
	width: 400px;
}

body#pwreset #form_pwdresponse .error-msg .error {
	color: #ff0000;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	margin: 0 !important;
	height: 0;
	text-align: left !important;
	width:400px;
}

body#pwreset #form_pwdresponse #loader {
	background: url(../../common/images/loading.gif) no-repeat;
	display: none;
	position: absolute; left: 250px; top: 175px;
	width: 16px; height: 16px;
}

body#pwreset #form_pwdresponse #ErrResponse {
	color:  #FF0000;
	font-size: 10px;
	font-weight: bold;
	min-height: 14px; height: auto !important; height: 12px;
	text-align: left;
	clear:none;
	float:left;
	margin:0 0 0 -60px;
	display:none;
	width: 850px;
}

body#pwreset form#form_pwdresponse .text input{
	font-size: 12px;
	line-height: 13px;
	width: 265px;
	margin: 0;
	padding: 3px;
	border: 1px solid #7f9db9;

}

body#pwreset form#form_pwdresponse .input {
	padding: 0 0 0 5px;
	margin: 0;
	display: block;
	text-align: left;
	position: relative;
	overflow: hidden;
	height: auto;
}

body#pwreset form#form_pwdresponse .select select {
width :215px;	
	}


/* Password Reset  | Question Selection form
------------------------------------------------------------ */

body#pwreset #copy_pwdcheck {
	color: #0079de;
	margin: 115px auto 0;
	text-align: center;
	width: 849px;
}

body#pwreset #copy_pwdcheck h3 {
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 27px/27px;
	margin: 0 0 25px;
	color:#0037c9;
}

body#pwreset #copy_pwdcheck p {
	color: #0079de;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 30px;
}

body#pwreset #form_pwdcheck {
	padding-left:295px;
	position: relative;
}

body#pwreset #form_pwdcheck .row {
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	/*overflow: hidden;*/
	/*display: block;*/
	clear: both;
	vertical-align: middle;
}

body#pwreset #form_pwdcheck .label {
	display: block;
	float: left;
	font-weight: bold;
	text-align: right;
	margin: 4px 0 0;
	width: 140px;
}

body#pwreset form#form_pwdcheck .customSelect {
	/*#position: relative;
	#z-index:100;
	display:inline-block;padding-left:10px;_padding-left:0px;
	*/
	padding: 0 0 0 10px;
	float: left;
	_position: relative;
	_z-index:100;
	#position: relative;
	#z-index:100;	
	
}

body#pwreset form#form_pwdcheck .customSelect2 {
	/*#position: relative;
	#z-index:90;
	display:inline-block;padding-left:10px;_padding-left:0px;
	*/
	padding: 0 0 0 10px;
	float: left;
	_position: relative;
	_z-index:90;
}

body#pwreset #form_pwdcheck .question{
	width: 665px;
}

body#pwreset #form_pwdcheck #Email {
	border: 1px solid #7F9DB9;
	float: left;
	margin: 0 0 0 15px;
	padding: 3px;
	width: 200px;
}

body#pwreset #form_pwdcheck .error-msg {
	clear: both;
	margin: 0 0 0 115px;
	width: 420px;
	min-height: 12px; height: auto !important; height: 12px;
}

body#pwreset #form_pwdcheck .error-msg .error {
	color: #ff0000;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	margin: 0 !important;
	height: 0;
	text-align: left !important;
	width:400px;
	padding-left:15px;
}

body#pwreset #form_pwdcheck #loader {
	background: url(../../common/images/loading.gif) no-repeat;
	display: none;
	position: absolute; left: 380px; top: 195px;
	width: 16px; height: 16px;
}

body#pwreset #form_pwdcheck #ErrResponse {
	color:  #FF0000;
	font-size: 10px;
	font-weight: bold;
	min-height: 12px; height: auto !important; height: 12px;
	text-align: left;
	clear:none;
	float:left;
	margin:0 0 0 75px;
	display:none;
}

body#pwreset form#form_pwdcheck .input {
	width: 300px;
	padding: 0 0 0 10px;
	margin: 0;
	display: block;
	text-align: left;
	position: relative;
	overflow: hidden;
	height: auto;
	float:left;
}

body#pwreset form#form_pwdcheck .text input{
	font-size: 12px;
	line-height: 13px;
	width: 186px;
	margin: 0;
	padding: 3px;
	border: 1px solid #7f9db9;
}


body#pwreset form#form_pwdcheck .select select {
	width :200px;
	height:21px;
}

body#pwreset form#form_pwdcheck .submitBtnLg{
	margin-left:117px;margin-top:20px;
}

/*--------------------Question reset 
-----------------------------------------------------*/


body#qreset .main-container {
	background: none;	
}

body#qreset #qreset-container {
	background: url(../images/common/bg-mainbox-sorry.png) 0 0 no-repeat;
	width: 981px; height: 551px;
	margin: 0;
	position: relative;
	overflow: hidden;
	padding: 0;
	font-size: 12px;
	color: #666;
}

body#qreset #copy {
	color: #0079de;
	margin: 115px auto 0;
	text-align: center;
	width: 849px;
}

body#qreset #copy h3 {
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 27px/27px;
	margin: 0 0 50px;
	color:#0037c9;
}

body#qreset #copy p {
	color: #0079de;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 30px;
}

body#qreset button {
	margin: 20px 0 5px;
}

body#qreset #form_qreset {
	position: relative;
	width: 400px;
	padding-left:295px;
	text-align:center;
}

body#qreset #form_qreset .row {
/*	margin: 0 auto;
	overflow: visible;
	position: relative;
	text-align: center;
	width: 400px;*/
    clear: both;
    height: 39px;
    margin: 0 auto;
    overflow: visible;
    position: relative;
    text-align: center;
    width: 400px;
}

body#qreset #form_qreset label {
	display: block;
	float: left;
	font-weight: bold;
	text-align: right;
	margin: 2px 0 0;
	width: 120px;
}

body#qreset #form_qreset #labelPcode  {
	_padding-right:12px;
}

body#qreset #form_qreset .error-msg {
	clear: both;
	margin: 0 0 0 135px;
	width: 550px;
	line-height: 10px;
}

body#qreset .error-msg .error {
	text-align: left !important;
	clear: both;
	color: #FF0000;
	display: block;
	font-size: 10px;
	font-weight: bold;
	height: 10px;
	line-height: 10px;
	margin: 0 0 0 240px; *margin: 0 0 0 255px;
	width: 340px;
}


body#qreset #clearing-spacer {
	margin-left: 95px;
}

body#qreset .dob {
	float:left;  
	margin-left:10px; 
	*margin-left:20px;
}

body#qreset #loader {
	background: url(../../common/images/loading.gif) no-repeat;
	display: none;
	position: absolute; left: 110px; top: 68px;
	width: 16px; height: 16px;
}

body#qreset #ErrResponse {
	clear: both;
	color:  #FF0000;
	font-size: 10px;
	font-weight: bold;
	margin: 0 0 0 135px;
	min-height: 12px; height: auto !important; height: 12px;
	overflow: visible;
	text-align: left;
}

body#qreset .dob {

	float:left;  
	margin-left:10px; 
	*margin-left:20px;
}

body#qreset form#form_qreset #txt_pcode1{
	margin-right:10px;
}

body#qreset form#form_qreset .postal input {
	width: 40px;
	height: 16px;
	margin: 0 10px 0 0;
	padding: 2px;
	border: 1px solid #7f9db9;
}

body#qreset .reg-caption {
	padding: 0; margin: 0;
	_padding-left:20px;
	font-size: 11px; color: #666; font-style: italic;
}

body#qreset .reg-caption #cap-pcode1, 
body#qreset .reg-caption #cap-pcode2 {
	padding: 0; margin: 0 35px 0 2px;
}

body#qreset form#form_qreset .postal input#txt_pcode1, 
body#qreset form#form_qreset .postal input#txt_pcode2 {
	padding: 4px 0px;
	width:40px;
	
}

body#qreset .reg-caption #cap-pcode1{_padding-left:100px;_margin-right:45px;}
body#qreset form#form_qreset .text input{
	font-size: 12px;
	line-height: 13px;
	width: 265px;
	margin: 0;
	padding: 3px;
	border: 1px solid #7f9db9;
}

body#qreset form#form_qreset .input {
	padding: 0 0 0 15px;
	margin: 0;
	display: block;
	text-align: left;
	position: relative;
	overflow: hidden;
	height: auto;
}

/* Password Reset | Thanks
------------------------------------------------------------ */

body#pwreset-thanks .main-container {
	background: none;	
}

body#pwreset-thanks #pwreset-thanks-container {
	background: url(../images/common/bg-mainbox-msg.png) 0 0 no-repeat;
	width: 981px; height: 551px;
	margin: 0;
	position: relative;
	overflow: hidden;
	padding: 0;
	font-size: 12px;
	color: #666;
}

body#pwreset-thanks #copy {
	color: #0079de;
	position: absolute;	top: 150px; left: 85px;
	text-align: center;
	width: 415px;
}

body#pwreset-thanks #copy h3 {
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 27px/27px;
	margin: 0 0 25px;
	color:#0037c9;
}

body#pwreset-thanks #copy p {
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 25px;
}

body#pwreset-thanks #callout-taf {
	position: absolute; top: 88px; right: 39px;
}




/* Closing Page
------------------------------------------------------------ */

body#closing .main-container {
	background: none;	
}

body#closing #closing-container {
	background: url(../images/common/bg-mainbox-msg.png) 0 0 no-repeat;
	width: 981px; height: 551px;
	margin: 0;
	position: relative;
	overflow: hidden;
	padding: 0;
	font-size: 12px;
	color: #666;
}

body#closing #copy {
/*	position: absolute;	top: 175px; left: 85px;
	text-align: center;
	width: 415px;*/
	color: #0079de;
	margin: 75px auto 0;
	text-align: center;
	width: 560px;	
}

body#closing #copy2 {

	color: #0079de;
	margin: 75px auto 0;
	text-align: center;
	width: 590px;	
}

body#closing #copy h3,body#closing #copy2 h3 {
	color:#0037c9;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 27px/27px;
	margin: 0 0 25px;
}

body#closing #copy p,body#closing #copy2 p {
	color: #5D5C5C;
	font: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
}

body#closing #callout-taf {
	position: absolute; top: 120px; right: 39px;
}


body#closing #callout-left {
	position: absolute; top: 200px; left: 66px;
}

body#closing #callout-right {
	position: absolute; top: 200px; right: 66px;

}


/* EDS Signup
------------------------------------------------------------ */

body#eds .wrapper .main-container-top {
	background: url(../images/common/mainbox_top.png) bottom left no-repeat;
	display: block;
	width: 981px;
	height: 10px;
	margin: 0 auto;
	_margin-top: -8px;
}

body#eds .wrapper .main-container-bottom {
	_margin-bottom: -8px;
}


body#eds #eds-container {
	background: #fff;
	width: 981px;
	min-height: 100%;
	_height: 100%;
	margin: 0;
	position: relative;
	overflow: hidden;
	padding: 0;
	font-size: 12px;
	color: #666;
}


body#eds #neweds-container {
	background: #fff;
	width: 981px;
	min-height: 100%;
	_height: 100%;
	height:1150px;
	margin: 0;
	position: relative;
	overflow: hidden;
	padding: 0;
	font-size: 12px;
	color: #666;
}

body#eds p.pw-instructions {
	color: #014e9b;
	font: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	margin: 45px 0 25px 20px;
}


body#eds .steps {
	background: #fff url(../images/closing/h-closed-eds.png) 0 0 no-repeat;
	margin: 6px 0 0px;
	text-indent: -99999px;
	width: 544px; height: 105px;
}

body#eds #bubble-photo {
	position: absolute;
	top: 30px; right: 0px;
}

body#eds .page-info {
	background: url(../images/common/bg-info-670-2row.png) 0 0 no-repeat;
	color: #014e9b;
	font: Arial, Helvetica, sans-serif !important; 
	font-weight: bold;
	font-size: 12px;
	display: block;
	overflow: hidden;
	margin: 0 0 10px;
	padding: 10px 0 0 20px;
	text-align: left;
	width: 650px; height: 46px;
}

body#eds .section-header {
	background: url(../images/common/bg-section-header.png) 0 0 no-repeat;
	color: #014e9b;
	display: block;
	font: Arial, Helvetica, sans-serif !important;
	font-weight: bold;
	font-size: 16px/16px;
	overflow: hidden;
	margin: 15px 0;
	padding: 8px 0 0 20px;
	position: relative;
	text-align: left;
	width: 643px; height: 32px;
}

body#eds .section-header span {
	color: #014E9B;
	font: Arial, Helvetica, sans-serif !important;
	font-size: 12px/18px;
	position: absolute;
	right: 20px;	
}

body#eds p.instructions {
	color: #014e9b;
	font: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	margin: 0 0 15px 20px;
}

body#eds #aside {
	padding: 200px 0 0 !important;	
}

body#eds #eds-container p.info {
	font-weight: bold;
	font-size: 18px;
	color: #333;
}

body#eds #eds-container p.info2 {
	font-size: 17px; font-weight: bold;	
	color: #30acff;
	margin: 30px 0 12px;
}

body#eds form#form_eds {
	float: left;
	width: 690px;
	height: auto;
	overflow: hidden;
	font-size: 12px;
	color: #666;
	position: relative;
	padding: 0 0 0 16px;
	margin-top: 32px;
}

body#eds form#form_eds p.instructions {
	color: #014E9B;
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 17px 20px;
}

body#eds #participate {
	color: #014E9B;
	font: Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 15px;
	margin: 15px 0 5px 240px;	
}

body#eds form#form_eds .row {
	width: 100%;
	height: auto;
	margin: 0px;
	
	display: block;
	clear: both;
	vertical-align: middle;
}

body#eds form#form_eds .label {
	width: 225px;
	display: block;
	float: left;
	text-align: right;
	font-weight: bold;
	padding: 4px 0 0 0;
}

body#eds form#form_eds .input {
	display: block;
	float: left;
	height: auto;
	margin: 0;
	overflow: visible;
	padding: 0 0 0 15px;
	position: relative;
	text-align: left;
	width: 340px;
}

body#eds form#form_eds .error-msg {
	clear : left;
	float : left;
	padding-left:240px;
	width:435px;
	min-height: 12px; height: auto !important; height: 12px;
}



body#eds form#form_eds .error-msg .error {
	color: red;
	display: block;
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
	margin: 0;
	padding: 1px 0 2px;
	width: auto;	
}

body#eds form#form_eds .info {
	font-weight: bold;
}

body#eds form#form_eds .checkbox {
	font-size: 12px;
}

body#eds form#form_eds .checkbox a {
	color: #666;
}

body#eds form#form_eds .text input {
	width: 185px;
	height: 16px;
	padding: 2px;
	border: 1px solid #7f9db9;
}

body#eds form#form_eds .select select {
	width: 193px;
	border:1px solid #7F9DB9
	height:22px;
}

body#eds form#form_eds .select{
	width: 193px;
	border:1px solid #7F9DB9
	height:22px;
}


body#eds form#form_eds .delivery{
	width: 192px;
}

body#eds form#form_eds .radio {
	font-weight: bold;
	padding-top:4px;
	margin-bottom:-4px;
}


body#eds form#form_eds .postal input{
	border: 1px solid #7f9db9;		
}

body#eds form#form_eds .postal input#txt_pcode1, body#eds form#form_eds .postal input#txt_pcode2 {
	padding: 4px 0px;
	width:40px;
	
}


body#eds form#form_eds #submit {
	margin: 15px 0 5px;
	position: relative;
}


body#eds .button-row {
	text-align: center;
}

body#eds form#form_eds .buttons {
	position: relative;
	left: 390px;
}

body#eds #ErrResponse {
	clear: both;
	color:  #FF0000;
	font-size: 10px;
	font-weight: bold;
	margin: 5px 0 0 5px;
	min-height: 12px; height: auto !important; height: 12px;
	overflow: visible;
	text-align: left;
	width: 255px;
}

body#eds #loader {
	background: url(../../common/images/loading.gif) no-repeat;
	display: none;
	position: absolute; left: -6px; top: 28px;
	width: 16px; height: 16px;
}

body#eds #loaderCp {
	background: url(../../common/images/loading.gif) no-repeat;
	display: none;
	position: absolute; top: 4px; left: 260px;
	width: 16px; height: 16px;
}
body#eds #NotMember{
	font-family:Arial, Helvetica, sans-serif; color: #048bdc;
	font-size:21px;font-weight:bold;
	
	margin-top:20px;
	background: url('../images/closing/member.jpg') 0 0 no-repeat;
	width:981px;
	height:94px;

}
body#eds #NotMember span{

	margin-left:150px;
	position:relative;
	top:30px;
}


body#eds #callout-left {
 left: 72px;
 top:880px;
 position:absolute;
}

body#eds #callout-right {
	 
 right: 72px;
 top:880px;
  position:absolute;



}

body#eds #Advantagelist{
	width: 710px;

	font-size: 11px;
	margin-left:auto;
	margin-right:auto;
}

body#eds .h4{font-size:13px;margin-bottom:5px; font-weight:normal;
 font-family:Arial, Helvetica, sans-serif; color: #2e2c2d;
 margin-left: 150px;
     position: relative;
    top: 50px;}

body#eds #Advantagelist .wrap{padding-left:15px;padding-top:16px;}
body#eds #Advantagelist .wrap span{font-size:14px;font-weight:bold;}

body#eds #Advantagelist h4{font-size:13px;margin-bottom:5px; font-weight:normal;
 font-family:Arial, Helvetica, sans-serif; color: #2e2c2d;}
body#eds #Advantagelist ul{list-style:none;}

body#eds #Advantagelist ul li{padding-left:30px;padding-bottom:7px;margin-bottom:5px;
background: url('../images/closing/arrow.jpg') no-repeat top left;
font-size:13px; font-family:Arial, Helvetica, sans-serif; color: #2e2c2d;
background-position:15px 8px;}



/* Scope */
body#eds #sol {
	background: url('../images/closing/optin_voice.jpg') 0 0 no-repeat;
	width: 835px; height: 227px;
	margin: 0 0 21px 75px;
	position: relative;
	top: 57px;
}

body#eds #sol .optin-block {
	color: #fff;
	display: block;
	font: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px/22px;
	position: absolute; top: 113px; left: 107px;
	width: 532px;
}

body#eds #sol #fresh{
	text-indent:-99999px;
}


body#eds #sol .optin-block a:link,
body#eds #sol .optin-block a:visited {
	color: #fff;
	top: 0;
}

body#eds #sol .optin-block input {
	cursor: pointer;
	display: block;
	float: left;
	margin: 3px 3px 45px 0;
	width: 16px; height: 16px;
}

body#eds #sol .optin-thanks {
	color: #fff;
	display: none;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px/22px;
	position: absolute; top: 100px; left: 106px;
	width: 560px;
}

body#eds #sol .optin-thanks p {
	margin: 22px 0 0 20px;
}

body#eds #sol .brand-link {
	display: block;
	position: absolute; bottom: 18px; left: 481px;
	text-indent: -99999px;
	width: 150px; height: 32px;
}


/* Feedback | Main Page
------------------------------------------------------------ */

body#feedback .wrapper .main-container-top {
	background: url(../images/common/mainbox_top.png) bottom left no-repeat;
	display: block;
	width: 981px;
	height: 10px;
	margin: 0 auto;
	_margin-top: -8px;
}

body#feedback .wrapper .main-container-bottom {
	_margin-bottom: -8px;
}

body#feedback #feedback-container {
	background: #fff;
	width: 981px;
	min-height: 100%;
	_height: 100%;
	margin: 0;
	position: relative;
	overflow: hidden;
	padding: 0;
	font-size: 12px;
	color: #666;
}

body#feedback .steps {
	background: #fff url(../images/feedback/h-feedback.png) 0 0 no-repeat;
	margin: 6px 0 32px;
	text-indent: -99999px;
	width: 527px; height: 105px;
}

body#feedback #bubble-photo {
	position: absolute;
	top: 30px; right: 0px;
}

body#feedback .page-info {
	background: url(../images/common/bg-info-670.png) 0 0 no-repeat;
	color: #014e9b;
	font: Arial, Helvetica, sans-serif !important; 
	font-weight: bold;
	font-size: 12px;
	display: block;
	overflow: hidden;
	margin: 0 0 32px;
	padding: 10px 0 0 20px;
	position: relative;
	text-align: left;
	width: 650px; height: 32px;
}

body#feedback .page-info span {
	font: Arial,Helvetica,sans-serif !important;
	font-size: 12px;
	position: absolute;
	right: 20px;	
}

body#feedback form#form_feedback .row {
	width: 100%;
	height: auto;
	margin: 0 0 5px 0;
	display: block;
	clear: both;
	vertical-align: middle;
	overflow: hidden;
}

body#feedback form#form_feedback .label {
	width: 150px;
	display: block;
	float: left;
	text-align: right;
	font-weight: bold;
	padding: 4px 0 0 0;
}

body#feedback .button-block {
	width: 235px;
	padding: 0;
	text-align: left;
	position: relative; left: 400px;
	overflow: visible;
	margin: 0 0 0 15px;
}

body#feedback #loader {
	background: url("../../common/images/loading.gif") no-repeat scroll 0 0 transparent;
	display: none;
	position: absolute; top: 12px; left: -18px;
	width:16px; height: 16px;
}

body#feedback #ErrResponse {
	clear: both;
	color: #FF0000;
	font-size: 10px;
	font-weight: bold;
	margin: 5px 0 0 5px;
	min-height: 12px; height: auto !important; height: 12px;
	overflow: visible;
	text-align: left;
	width: 320px;	
}

body#feedback form#form_feedback .text input {
	border: 1px solid #7F9DB9;
	height: 16px;
	padding: 2px 0;
	width: 195px;
}

body#feedback form#form_feedback .error-msg {
	display: block;
	clear: both;
	font-size: 10px;
	font-weight: bold;
	color: #ff0000;
	width: 235px;
	margin: 0 0 0 0px;
	height: auto;
}

body#feedback form#form_feedback .error-msg label{
	display: none;	
}


body#feedback form#form_feedback .error-msg2 {
	display: block;
	clear: both;
	font-size: 10px;
	font-weight: bold;
	color: #ff0000;
	height: auto;
	position: relative;
	top: -1em;
}

body#feedback form#form_feedback .error-msg3 {
	display: block;
	clear: both;
	font-size: 10px;
	font-weight: bold;
	color: #ff0000;
	min-height: 1px;
	margin: 0 0 25px 25px;
}

body#feedback #sel_province {
	width: 198px !important;	
}

#form_feedback {
	color: #000;
	float: left;
	font-size: 12px;
	height: auto;
	margin: 0 0 32px;
	overflow: visible;
	padding: 0 0 0 16px;
	position: relative;
	width: 690px;
}
	
#feedback_questions { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; margin: 0 0 0 40px; *margin: 0 0 0 -10px; padding: 0; }
#feedback_questions { width: 100%; *padding-left: 3em; }
#feedback_questions li { margin: 0 0 2.1em 0; font-weight: bold; }
#feedback_questions label, .label_box { display: block; width: 180px; float: left; margin: 0 10px 2px 0; }
#feedback_questions .question_text { margin: 0 0 0.8em 0; font-weight: bold; clear: both; }
#feedback_questions .question_options { overflow: hidden; font-weight: normal; }
#feedback_questions input.checkbox, input.radio { float: left; }
#feedback_questions .other_value { margin: 0 0 0 20px; }
#feedback_questions .children, #feedback_questions .baby { display: none; margin: 0 0 1em; }
#feedback_questions textarea { width: 560px; height: 120px; padding: 5px; border: 1px solid #7F9DB9; }
#feedback_questions .caption { font-size: 10px; color: #8f8e8e; }
#feedback_questions #Q4 .question_options { width: 600px; }
#feedback_questions #Q4 label { width: auto; margin: 0 2.5em 0 0; }
#feedback_questions #Q9 span { display: block;  width: auto; }
#feedback_questions #Q9 label { display: block; width: 550px; float: left; margin: 0 10px 2px 0; }
#feedback_questions .Q5_sub, #feedback_questions .Q6_sub { display: none; }

#feedback_user-info { width: 100%; margin: 0 0 25px; }
#feedback_user-info .row { clear: both }
#feedback_user-info #waiver_checkbox { display: block; float: left; }
#feedback_user-info #waiver_text { display: block; width: 400px; float: left; font-weight: bold; cursor: pointer; margin: 0 0 0 5px; font-size: 11px; font-weight: 400; color: #666; }

body#feedback #feedback-container p.disclaimer {
	clear: both;
	font-style: italic;
	margin: 30px auto 10px;
	text-align: center;
}




/* Feedback | Thanks
------------------------------------------------------------ */

body#feedback-thanks .main-container {
	background: none;	
}

body#feedback-thanks #feedback-thanks-container {
	background: url(../images/common/bg-mainbox-msg.png) 0 0 no-repeat;
	width: 981px; height: 551px;
	margin: 0;
	position: relative;
	overflow: hidden;
	padding: 0;
	font-size: 12px;
	color: #666;
}

body#feedback-thanks #copy {
	color: #0079de;
	margin: 75px auto 0;
	text-align: center;
	width: 415px;
}

body#feedback-thanks #copy h3 {
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 27px/27px;
	margin: 0 0 25px;
	color:#0037c9;
}

body#feedback-thanks #copy p {
	color: #5D5C5C;
	font: Arial,Helvetica,sans-serif;
	font-size: 16px;
	margin: 0 0 25px;
}

body#feedback-thanks #callout-taf {
	position: absolute; top: 88px; right: 39px;
}


body#feedback-thanks #callout-left {
	position: absolute; top: 200px; left: 66px;
}

body#feedback-thanks #callout-right {
	position: absolute; top: 200px; right: 66px;


}

/* Reports
------------------------------------------------------------ */

body#reports div.wrapper div.main-container-top {
	background: url(../images/reports/mainbox-reports_top.png) bottom left no-repeat;
	display: block;
	width: 981px;
	height: 51px;
	margin: 0 auto;
}

body#reports #reports-container {
	width: 981px;
	min-height: 100%;
	_height: 100%;
	margin: 0;
	position: relative;
	overflow: hidden;
	padding: 16px;
	font-size: 14px;
	color: #333;
}

body#reports #reports-container strong {
	font-weight: bold;
	color: #666;
}

body#reports #reports-container p.info {
	font-weight: bold;
	font-size: 18px;
	color: #333;
	margin-bottom: 24px;
}

body#reports div.main-container-top a {
	color: #999;
}

body#reports ul {
	list-style-type: none;	
}

body#reports #reports-container .question-div {
	margin: 25px 30px 50px 0;
}

body#reports #reports-container .question {
	font-weight: bold;
	color: #666;
}




/* BS5 Closing
------------------------------------------------------------ */

body#bs5-closing div.wrapper div.main-container-top {
	background: url(../images/common/mainbox_top.png) bottom left no-repeat;
	display: block;
	width: 981px;
	height: 10px;
	margin: 0 auto;
}

body#bs5-closing div.wrapper div.main-container-bottom {
	_margin-bottom: -8px;
}

body#bs5-closing #bs5-closing-container {
	width: 941px;
	min-height: 100%;
	_height: 100%;
	margin: 0;
	position: relative;
	overflow: hidden;
	padding: 16px 16px 45px 24px;
	font-size: 12px;
	color: #666;
}

body#bs5-closing #bs5-closing-container p.info {
	font-weight: bold;
	font-size: 18px;
	color: #333;
}

body#bs5-closing #bs5-closing-container p.msg1 {
	font-size: 14px;
	margin: 25px 0;
}

body#bs5-closing #bs5-closing-container p.msg2 {
	font-weight: bold;
	font-size: 12px;
	color: #666;
	margin: 0 0 16px;
	margin: 12px 0;
}

body#bs5-closing #badge {
	position: absolute;
	right: 25px;
	top: 5px;
}

body#bs5-closing #callout-text {
	display: block;
	width: 300px;
	height: auto;
	position: absolute;
	left: 635px;
	top: 187px;
}

body#bs5-closing #callout-text h3 {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	margin: 0 0 15px 0;
}

body#bs5-closing #callout-text p, body#bs5-closing #callout-text a {
	font-size: 11px;
	color: #666;
}