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




/* 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, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

: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;
}

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: 40px 12px 0 0;
	width: 261px; height: auto;
}

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

#aside ul {
	color: #595959;
	font: 12px Arial, Helvetica, sans-serif;
	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;
}




/* 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 }

/* 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 { 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; }
#error-div p { margin: 10px 0 }
#error-div-close { height: 35px; margin: 0 0 10px; cursor: pointer; }
#error-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 35px 0 0;
	margin-right: 5px;
	font: 600 15px Arial, Helvetica, sans-serif;
	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 35px;
	height: 27px; 
	background: transparent url(../images/common/btn-small.png) no-repeat left top; 
	color:#fff; 
}

.submitBtnLg { 
	padding: 0 40px 0 0;
	margin-right: 5px;
	font: 600 15px Arial, Helvetica, sans-serif;
	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 -100px; 
}
	
.submitBtnLg span {
	padding: 12px 0 0 40px;
	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;*/
}




/* brandVOICE 
------------------------------------------------------------ */

#brandvoice {
-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;
border: 2px solid #000d85;
margin-left: -357px;
padding: 50px 50px 180px;
position: absolute;
text-align: center;
_top: 17%;
width: 615px; }

#brandvoice h2 {
background: url(../images/brandvoice/brandvoice-logo.png) 0 0 no-repeat;
margin: 0 auto;
text-indent: -99999px;
width: 281px; height: 73px; }

#brandvoice h3,
#brandvoice p {
color: #4c4c4c;
font: 15px/17.5px Arial, Helvetica, sans-serif;
margin: 0 auto; }

#brandvoice h3 {
font-weight: bold;
margin-top: 35px; }

#brandvoice p {
width: 400px; }

#brandvoice .bv-question {
color: #f15524;
font: bold 16px Arial, Helvetica, sans-serif;
margin: 25px auto;
width: 100%; }

#brandvoice .product-span {
display: block;
text-align: left; }

#brandvoice label {
font-size: 15px;
margin: 0 10px 0 0;
}

#brandvoice #buttons {
margin: 25px auto 50px;	
}

#brandvoice #buttons button {
background: url(../images/brandvoice/brandvoice-bg-button.png) 0 0 no-repeat;
border: 0;
color: #4c4c4c;
cursor: pointer;
font: bold 16px Arial, Helvetica, sans-serif;
margin: 0 15px;
text-transform: uppercase;
width: 86px; height: 34px; }

#brandvoice #buttons button:focus { outline: none; }
#brandvoice #buttons button::-moz-focus-inner { border: 0; }

#brandvoice #yes:active,
#brandvoice #no:active {
position: relative;
top: 1px; }

#brandvoice #packshots {
position: absolute;
bottom: 8px;
left: 160px;
}

#brandvoice .bv-disclaimer {
color: #555;
display: block;
font: 9px Arial, Helvetica, sans-serif;
position: absolute; bottom: 25px; left: 473px;
text-align: left;
width: 100px; }

#brandvoice #close {
background: url(../images/brandvoice/btn-close.png) 0 0 no-repeat;
border: 0;
cursor: pointer;
position: absolute;
text-indent: -99999px;
top: 16px; right: 16px;
width: 20px; height: 20px; }

#brandvoice #close:active {
top: 17px;	
}

#brandvoice #thanks {
display: none; }

#brandvoice #thanks p {
color: #4c4c4c;
font: bold 17px Arial, Helvetica, sans-serif;
margin: 100px auto 75px; }




/* 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;
}

#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 img#can-flag, #header span#taf, #header span#welcome, #header span#profile, #header span#logout, #header span#taf-loggedin {
	display: none;
}

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

body#home #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;
	right: 16px;
	padding-right: 8px;
}

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 {
	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#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;
	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: 175px;
	top: 5px;
}

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




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

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 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;
}




/* 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;
	top: 0; 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 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: 8px; left: 20px;
}

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

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


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;
	margin: 0 10px 0 0;
	_padding: 0 10px 0 0;
	position: absolute;
	text-align: left;
}

body#home #member h3.title {
	color: #fff;
	top: 9px;
	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: #fff;
	overflow: visible;
	position: absolute;
	top: 70px;
	width: 350px;
}

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

body#home #member form#frm_login .form-help {
	clear: both;
	width: 180px;
	padding-left: 165px;
	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: 160px;
}

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


body#home form#frm_login #loader {
	background: url(../../common/images/loading.gif) no-repeat;
	float: left;
	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;
	overflow: auto;width: 100%
	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: 95px; right: 14px;
	width: auto; _width: 238px;
}

body#home #member form#frm_login #button-block #pw-reset {
	color: #fff;
	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;
}

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: 449px; height: 90px;
	display: block;
	position: absolute;
	top: 28px; left: 88px;
	text-indent: -99999px;
}

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

body#home img#packshots {
	width: 	519px;
	height: 247px;
	position: absolute;
	top: 165px;
	left: 39px;
}

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

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 #tide_callout_lg {
	background: transparent url(../images/home/callout-tide-lg.png) 0 0 repeat-y;
	position: absolute; bottom: 21px; left: 40px;
	text-indent: -99999px;
	width: 513px; height: 108px;
}

body#home #tide_callout_sm {
	background: transparent url(../images/home/callout-tide-sm.png) 0 0 repeat-y;
	position: absolute; bottom: 18px; left: 295px;
	text-indent: -99999px;
	width: 259px; height: 121px;
}

body#home #feedback_callout_sm {
	background: transparent url(../images/home/callout-feedback-sm.png) 0 0 no-repeat;
	position: absolute; bottom: 18px; left: 40px;
	text-indent: -99999px;
	width: 240px; height: 121px;
}

body#home .submitBtn { 
	padding: 0 20px 0 0;
}
	
body#home .submitBtn span {
	padding: 8px 0 0 20px;
}




/* 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: bold 12px Arial, Helvetica, sans-serif !important; 
	display: block;
	overflow: visible;
	margin: 0 0 32px;
	padding: 10px 0 0 20px;
	text-align: left;
	width: 655px; height: 46px;
}

body#reg .section-header {
	background: url(../images/common/bg-section-header.png) 0 0 no-repeat;
	color: #014e9b;
	display: block;
	font: bold 16px/16px Arial, Helvetica, sans-serif !important;
	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: #014E9B;
	font: normal 12px/18px Arial, Helvetica, sans-serif !important;
	position: absolute;
	right: 20px;
}

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

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

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

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: 225px;
	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 .label-radio {
	float: left;
	width: 80px;
}

body#reg form#form_register .diverror {
	clear : left;
	float : left;
	padding-left:240px;
	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: 265px;
	margin: 0;
	padding: 3px;
	border: 1px solid #7f9db9;
}

body#reg form#form_register .select select {
	width: 215px;
}

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

body#reg .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#reg form#form_register .radio {
	font-weight: bold;
}

body#reg form#form_register .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;
}




/* 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: bold 12px Arial, Helvetica, sans-serif !important; 
	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: normal 12px/14px Arial, Helvetica, sans-serif !important;
	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: 400px; *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 .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; }




/* 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-670-2row.png) 0 0 no-repeat;
	color: #014e9b;
	font: bold 12px Arial, Helvetica, sans-serif !important; 
	display: block;
	overflow: hidden;
	margin: 0 0 32px;
	padding: 10px 0 0 20px;
	text-align: left;
	width: 650px; height: 46px;
}

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_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 .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 .Prod_desc {
	background: #fdfdfd url(../images/samples/bg_prod.jpg) 0 0 no-repeat;
	width: 431px; height: 285px;
	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: 285px;
	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: 253px; height: 130px
}

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 .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: 275px;
}

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: bold 14px/14px Arial, Helvetica, sans-serif;
}

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: 205px; /* 142px */
}

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

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: 352px;
}

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: bold 12px Arial, Helvetica, sans-serif !important; 
	display: block;
	overflow: hidden;
	margin: 0 0 32px;
	padding: 10px 0 0 20px;
	text-align: left;
	width: 650px; height: 46px;
}

body#profile .section-header {
	background: url(../images/common/bg-section-header.png) 0 0 no-repeat;
	color: #014e9b;
	display: block;
	font: bold 16px/16px Arial, Helvetica, sans-serif !important;
	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: 12px/18px Arial, Helvetica, sans-serif !important;
	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: 12px Arial,Helvetica,sans-serif;
	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 .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: 265px;
	margin: 0;
	padding: 3px;
	border: 1px solid #7f9db9;
}

body#profile form#form_profile .select select {
	width: 215px;
}

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;
}




/* 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: #666;
}

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: -115px 0 0;
}

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

body#taf .section-header {
	background: url(../images/common/bg-section-header.png) 0 0 no-repeat;
	color: #014e9b;
	display: block;
	font: bold 16px/16px Arial, Helvetica, sans-serif !important;
	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: 518px;
	margin: 0;
	position: relative;
	overflow: hidden;
	padding: 0;
	font-size: 12px;
	color: #666;
}

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

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

body#taf-thanks #copy p {
	color: #5d5c5c;
	font: normal 16px Arial, Helvetica, sans-serif;
	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 .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: 16px;
}

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: bold 27px/27px Arial, Helvetica, sans-serif;
	margin: 0 0 30px;
}

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

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

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;	
}

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

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

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

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

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

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

body#sample-thanks #tide .brand-link {
	display: block;
	position: absolute; bottom: 8px; left: 154px;
	text-indent: -99999px;
	width: 226px; height: 28px;
}

/* 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: normal 12px/14px Arial, Helvetica, sans-serif;
	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: bold 12px/14px Arial, Helvetica, sans-serif;
	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: 250px; 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: normal 12px/14px Arial, Helvetica, sans-serif;
	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: bold 12px/14px Arial, Helvetica, sans-serif;
	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: 280px; 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: normal 12px/14px Arial, Helvetica, sans-serif;
	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: bold 12px/14px Arial, Helvetica, sans-serif;
	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: 245px; height: 28px;
}

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

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

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

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

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

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

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

/* 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: normal 12px/14px Arial, Helvetica, sans-serif;
	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: bold 12px/14px Arial, Helvetica, sans-serif;
	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: 243px; 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: normal 12px/14px Arial, Helvetica, sans-serif;
	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: bold 12px/14px Arial, Helvetica, sans-serif;
	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: 335px; 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: normal 12px/14px Arial, Helvetica, sans-serif;
	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: 14px; left: 30px;
	text-indent: -99999px;
	width: 270px; height: 28px;
}




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

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

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

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

body#sorry #copy h3 {
	font: bold 27px/27px Arial, Helvetica, sans-serif;
	margin: 0 0 25px;
}

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

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: 518px;
	margin: 0;
	position: relative;
	overflow: hidden;
	padding: 0;
	font-size: 12px;
	color: #666;
}

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

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

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

body#pwreset button {
	margin: 30px 0 5px;
}

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

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

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

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 115px;
	width: 300px;
}

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

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: 68px;
	width: 16px; height: 16px;
}

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




/* 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: 467px;
	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: bold 27px/27px Arial, Helvetica, sans-serif;
	margin: 0 0 25px;
}

body#pwreset-thanks #copy p {
	font: bold 16px Arial, Helvetica, sans-serif;
	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: 467px;
	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;
}

body#closing #copy h3 {
	color: #0079de;
	font: bold 27px/27px Arial, Helvetica, sans-serif;
	margin: 0 0 25px;
}

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

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




/* 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 .steps {
	background: #fff url(../images/closing/h-closed-eds.png) 0 0 no-repeat;
	margin: 6px 0 32px;
	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.png) 0 0 no-repeat;
	color: #014e9b;
	font: bold 12px Arial, Helvetica, sans-serif !important; 
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 10px 0 0 20px;
	text-align: left;
	width: 650px; height: 32px;
}

body#eds .section-header {
	background: url(../images/common/bg-section-header.png) 0 0 no-repeat;
	color: #014e9b;
	display: block;
	font: bold 16px/16px Arial, Helvetica, sans-serif !important;
	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: 12px/18px Arial, Helvetica, sans-serif !important;
	position: absolute;
	right: 20px;	
}

body#eds p.instructions {
	color: #014e9b;
	font: normal 12px Arial, Helvetica, sans-serif;
	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;
}

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

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

body#eds form#form_eds .row {
	width: 100%;
	height: auto;
	margin: 0 0 6px 0;
	overflow: visible;
	position: relative;
	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:400px;
	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: 209px;
	height: 16px;
	padding: 2px;
	border: 1px solid #7f9db9;
}

body#eds form#form_eds .select select {
	width: 215px;
}

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

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: 0 0 15px 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;
}




/* 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: 633px; height: 105px;
}

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

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

body#feedback .page-info span {
	font: 12px Arial,Helvetica,sans-serif !important;
	position: absolute;
	top: 10px; 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: 200px; 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: 700px; }
#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: 670px; 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: 467px;
	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: bold 27px/27px Arial, Helvetica, sans-serif;
	margin: 0 0 25px;
}

body#feedback-thanks #copy p {
	color: #5D5C5C;
	font: 16px Arial,Helvetica,sans-serif;
	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;
}