/* Self Clearing Floats
---------------------------------------- */

.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix
{
	display: inline-block;
	width: 100%;
}
.hidereq .required, .hide
{
	display: none;
}
html[xmlns] .clearfix
{
	display: block;
}

* html .clearfix
{
	height: 1%;
}
*:first-child + html .clearfix
{
	display: inline-block;
}
img
{
	border: 0px;
}
a
{
	color: #AC0634;
}

/* OVERRIDE SUB.CSS */
#contentBody
{
	margin: 10px 5px 30px 10px;
}

.hideheadline .headline
{
	display: none;
}

.ValidationSummary
{
	color: #AC0040;
	text-decoration: none;
	font-weight: bold;
}
.hrLineSpace
{
	border-top: #e6e6e6 1px solid;
	font-size: 0px;
	height: 1px;
	line-height: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
}
/* 
#################################################
###              DYNAMIC FORM CSS             ###
#################################################
*/
#top
{
	background: url( '../images/top-bg.jpg' ) no-repeat;
	height: 284px;
}

#topvw
{
	/*background: url( '../images/top-bg-vw.jpg' ) no-repeat;*/
	background: url( '../images/top-bg.jpg' ) no-repeat;
	height: 284px;
}

#top-benefits
{
	background: url('../../images/top-benefits-bg.jpg') no-repeat;
	height: 292px;
}
#top1, #top2
{
	display: none;
}
#step1 #top1, #step2 #top1, #step3 #top1, #step6 #top1, #step4 #top2
{
	display: block;
}
#mystep #top1
{
	display: block;
}

#top1 #img1
{
	display: block;
	margin-left: 392px;
	margin-top: 11px;
}
#top1 #img2, #top1 #img3
{
	display: block;
	margin-left: 8px;
}
#copy_box
{
	text-align: right;
	font-size: 11px;
	color: #674D85;
}
#top1 #copy_box
{
	text-align: left;
	margin-top: 4px;
}
#top1 #copy
{
	height: 90px;
	line-height: 1.25;
	margin-left: 252px;
	width: 390px;
	text-align: right;
}
#top1 #copy sup, #top2 #copy sup, #top3 #copy sup, #top4 #copy sup
{
	font-size: .75em;
}
#free_dvd
{
	float: left;
	width: 300px;
	text-align: left;
	padding-left: 24px;
	padding-top: 23px;
}
#top1 #required_text
{
	clear: both;
	text-align: right;
	color: #F00;
	padding-top: 5px;
	padding-right: 23px;
	font-size: 10px;
}
#top2 #img1
{
	display: block;
	margin-left: 395px;
	margin-top: 50px;
}
#top2 #copy_box
{
	margin-top: 23px;
	margin-left: 370px;
	width: 240px;
}
#top2 #copy
{
	line-height: 1.2;
}

#top3, #top4
{
	display: none;
}
#step1 #top3, #step2 #top3, #step3 #top3, #step6 #top3, #step4 #top4, #step5 #top4
{
	display: block;
}
#top3 #img1
{
	display: block;
	margin-left: 354px;
	margin-top: 21px;
}
#top3 #img2, #top3 #img3
{
	display: block;
	margin-left: 8px;
}
#top3 #copy_box, #top4 #copy_box
{
	float: left;
	text-align: right;
	font-size: 11px;
	color: #674D85;
}
* html #top4 #copy_box
{
	float: none;
}

#top3 #copy_box
{
	margin-top: 16px;
	margin-left: 202px;
	width: 312px;
	display: inline;
}
#top3 #copy
{
	height: 75px;
	line-height: 1.5;
}

#top3 #required_text
{
	text-align: right;
	color: #C03;
	padding-top: 45px;
	padding-right: 23px;
	font-size: 10px;
}
#top4 #img1
{
	display: block;
	margin-left: 380px;
	margin-top: 29px;
}
#top4 #copy_box
{
	margin-top: 23px;
	margin-left: 210px;
	width: 390px;
}
#top4 #copy
{
	line-height: 1.5;
}

#hd
{
	display: block;
	height: 27px;
}
#hd a
{
	float: left;
	display: block;
	height: 27px;
	width: 75px;
}
#hd a#hd1
{
	width: 80px;
}
#hd a#hd4
{
	width: 120px;
}
#step1 #hd
{
	background: url('../images/hd1.gif') no-repeat;
}
#step2 #hd
{
	background: url('../images/hd2.gif') no-repeat;
}
#step3 #hd
{
	background: url('../images/hd3.gif') no-repeat;
}
#step4 #hd
{
	background: url('../images/hd4.gif') no-repeat;
}
#step5 #hd
{
	background: url('../images/hd5.gif') no-repeat;
}
#step6 #hd
{
	background: url('../images/hd.gif') no-repeat;
}

/* Form Updates 02/26/09
*****************************/
.myprofile
{
	background: url('../../images/myprofile.gif') 0px 10px no-repeat;
	text-indent: -9999px;
	width: 130px;
	height: 52px;
	padding-bottom: 10px;
}
.mySignup .myprofileSignup
{
	background: url('../../images/myprofilesignup.gif') 0px 10px no-repeat !important;
	text-indent: -9999px;
	width: 209px;
	height: 53px;
}
.rule
{
	width: 502px;
	padding: 15px 0 15px 0;
	margin: 0px;
}
.mySignup
{
	width: 600px;
}
.mySignup .mysignupWrapper
{
	width: 500px !important;
	float: left;
	clear: both;
}
.mySignup .mysignupWrapper .label
{
	float: left;
	width: 200px;
}
.mySignup .required
{
	color: #F00;
	padding: 5px 0 0 0;
}
.mySignup .secureQuest1
{
	width: 300px;
	padding: 5px 5px 10px 0;
}
.mySignup .secureQuest1 .questionWrapper, .mySignup .secureQuest2 .questionWrapper, .mySignup .secureQuest1 .questionWrapper .headline, .mySignup .secureQuest2 .questionWrapper .headline, .mySignup .secureQuest1 .questionWrapper .field, .mySignup .secureQuest1 .questionWrapper .label, .mySignup .secureQuest2 .questionWrapper .field, .mySignup .secureQuest2 .questionWrapper .label
{
	float: left;
	clear: both;
}
.mySignup .secureQuest2
{
	width: 255px;
	float: left;
	padding: 5px 0 10px 0;
}
.mySignup .securfield_nobr, .securfield
{
	clear: both;
	padding: 0px 1px;
	background: url('../../images/field-end.gif') repeat-x;
	height: 20px;
	float: left;
}
.mySignup .securfield_nobr
{
	clear: none;
}

.mySignup .securfield_nobr input, .securfield input.text
{
	padding: 0px 1px;
	background: url('../../images/field-body.gif') repeat-x;
	height: 20px;
	float: left;
	border: none;
}
.mySignup select
{
	width: 400px;
}
.mySignup .mysignupWrapper
{
	width: 395px;
	padding: 20px 0 0 0;
	float: left;
}
.mySignup .mysignupWrapper .signfield input, .mySignup .secureQuest1 .questionWrapper .field input.text, .mySignup .secureQuest2 .questionWrapper .field input.text
{
	width: 240px;
}
.mySignup label
{
	width: auto !important;
	font-size: 12px;
	padding: 5px 0 5px 0;
}
.mySignup .signfield_nobr, .signfield
{
	padding: 0px 1px;
	background: url('../../images/field-end.gif') repeat-x;
	height: 20px;
	float: left;
}
.mySignup .signfield_nobr
{
	clear: none;
}

.mySignup .signfield_nobr input, .signfield input.text
{
	padding: 0px 1px;
	background: url('../../images/field-body.gif') repeat-x;
	height: 20px;
	float: left;
	border: none;
}
/* End Updates
*******************************************/
#form_container
{
	background: url('../images/form-bg.gif') repeat-y;
	width: 670px;
	margin-bottom: 1em;
}
/*#form{
	background:url('../images/form-btm.gif') no-repeat left bottom;
	width:670px;
	Xpadding-bottom:45px;
	color:#463C50;
	Xdisplay:inline;
}*/
.form-cta
{
	background: url('../images/form-cta.gif') no-repeat;
	height: 33px;
	padding-top: 11px;
	padding-left: 20px;
	padding-right: 30px;
	margin-top: 35px;
}
#step4 .form-cta
{
	margin-top: 0px;
}

.goto-right
{
	float: right;
	padding-right: 30px;
}
.prev
{
	display: block;
	color: #FFF;
	padding-top: 5px;
	padding-left: 10px;
}
.form-cta .back_link
{
	position: absolute;
	text-align: left;
	padding-top: 4px;
}
.form-cta .next
{
	text-align: right;
}
#step4 .form-cta .back_link
{
	text-align: right;
	width: 440px;
	padding-right: 180px;
	font-weight: bold;
}
.form-cta .back_link a
{
	color: #FFF;
}
#step1 .form-cta
{
	text-align: right;
}

#step6 .form-cta
{
	text-align: right;
}

#step2 .field
{
	display: none;
	display: block;
	text-align: right;
}

#form h1, #form h2, #form h3, #form p, #form div.note, #form div.heading
{
	padding-top: 1em;
	padding: 0px 22px;
	margin: 0px;
}
#form div.headline
{
	font-weight: bold;
}
.note, .note a
{
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
}
.subnote
{
	font-size: 9px;
	font-style: italic;
	font-weight: normal;
}
#form h3, #form div.heading
{
	padding-top: 1em;
	font-size: 12px;
	font-weight: bold;
}

.sectionTop
{
	background: transparent url('../images/section-body.gif') repeat-y;
	width: 670px;
}



.sectionBody
{
	background: transparent url('../images/section-top.gif') no-repeat;
	width: 635px;
	padding: 0px 0px 0px 35px; /*display:inline;*/
}


.sectionBottom
{
	clear: both;
	background: transparent url('../images/section-btm.gif') no-repeat;
	height: 19px;
}



#step2 #form, #step3 #form
{
	padding-top: 1em;
}

.msg
{
	padding: 1em;
	color: #F00;
	font-weight: bold;
	font-size: 12px;
}
#s2 div.section
{
	padding-top: 10px;
	padding-bottom: 10px;
}

#s1, #s2, #s3, #s4, #s5
{
	display: none;
}
#step1 #s1, #step2 #s2, #step3 #s3, #step4 #s4, #step6 #s1, #step5 #s5
{
	display: block;
}

#s1_code input
{
	width: 500px;
}
Xlabel
{
	display: block;
	padding-top: 9px;
	padding-bottom: 2px;
	clear: both;
}
.dynamic
{
	margin-bottom: 1em;
}
.questionWrapper
{
	padding-top: 10px;
	font-size: 12px;
}

.twocol .questionWrapper
{
	float: left;
	width: 300px;
	margin-right: 10px;
}
.twocol .questionWrapper .field input
{
	width: 285px;
}
.twocol .questionWrapper.state
{
	float: left;
	width: 120px;
	margin-right: 10px;
}
.twocol .questionWrapper.state input
{
	width: 105px;
}
.twocol .questionWrapper.zip
{
	float: left;
	width: 160px;
	margin-right: 10px;
}
.twocol .questionWrapper.zip input
{
	width: 145px;
}
.onecol .questionWrapper
{
	float: left;
	width: 650px;
}

.onecol .questionWrapper .field input
{
	width: 595px;
}

.onecol .city
{
	clear: both;
}
.onecol .city, .onecol .state, .onecol .zip
{
	float: left;
	margin-right: 20px;
	padding-top: 5px;
}
.onecol .state
{
	padding-top: 5px;
}

.onecol .city input
{
	width: 285px;
}
.onecol .state select
{
	width: 80px;
}
.onecol .zip input
{
	width: 188px;
}
.birthday
{
	padding-top: 5px;
}
.inline
{
	display: inline;
	float: none;
}
.gender .inline label
{
	display: inline;
	float: none;
	padding-right: 20px;
}
.birthday, .gender
{
	float: left;
	width: 300px;
	margin-right: 10px;
	padding-top: 5px;
}
.gender
{
	width: 250px;
}
.required
{
	color: #F00;
}

.field_nobr, .field
{
	clear: both;
	padding: 0px 1px;
	background: url('../../images/field-end.gif') repeat-x;
	height: 20px;
	float: left;
}

.dropdown
{
	clear: both;
	height: 20px;
	float: left;
}

.field_nobr
{
	clear: none;
}

.field_nobr input, .field input.text
{
	padding: 0px 1px;
	background: url('../../images/field-body.gif') repeat-x;
	height: 20px;
	float: left;
	border: none;
}
/*
.field_nobr,
.field{
	clear:both;
	padding:0px 1px;
	background: url('../../images/field-end.gif') repeat-x;
	height:20px;
	float:left;
}
.field_nobr{clear:none;}

.field_nobr input,
.field input.text{
	padding:0px 1px;
	background:url('../../images/field-body.gif') repeat-x;
	height:20px;
	float:left;
}
*/


#form input[type='text']
{
	border: none;
}
.radio, .checkbox
{
	width: 25px;
	float: left;
}
.checkboxlabel label
{
	width: 560px !important;
	float: left;
	font-size: 11px;
	padding-top: 2px;
}
.checkboxWrapper
{
	padding-top: 3px;
}

.checkbox
{
	clear: both;
}
#step2 .checkbox, #step2 .label
{
	height: 20px;
}
#step3 .radio, #step3 .checkbox
{
	clear: both;
}
#step3 .checkbox, #step3 .label
{
	height: 20px;
}
#step3 .label
{
	padding-top: 2px;
	height: 18px;
}

.step2other
{
	margin-left: 25px;
	margin-bottom: .5em;
	width: 300px;
}
.step2other .field input
{
	font-size: 12px;
	font-family: arial;
	width: 250px;
}
.step2other .label
{
	display: none;
}


/* likert */

.starter
{
	height: 1px;
	width: 1px;
	font-size: 1px;
}

table.likert
{
	width: 610px;
	margin-top: 8px;
	float: left;
}
.likert, .likert td, .likert th
{
	border-collapse: collapse;
}
.likert td, .likert th
{
	border-collapse: collapse;
	border: solid 1px #FFDDB0;
	padding: 9px 5px 8px 6px;
}
.likert th
{
	width: 55px;
	vertical-align: top;
	background: #F2961B url('../images/likert_th_bg.gif') no-repeat left top;
	color: #FFF;
	font-weight: normal;
}
.likert tr td
{
	background: #FFF;
}
/*.likert tr.even td{
	background: url('../images/likert_td_bg.gif') no-repeat left top;
	Xcolor:#FFF;
}
*/
.likert th.nobg
{
	background: none;
	border: none;
}

.likert th, .likert td
{
	text-align: center;
	font-size: 10px;
}
.likert .question
{
	text-align: left;
	width: 225px;
}

.qa
{
	float: left;
	padding-top: 12px;
	font-size: 11px;
}
.question
{
	font-weight: bold;
	padding-bottom: 2px;
}
.answer label
{
	padding-top: 1px;
	padding-bottom: 0px;
}

.friend
{
	margin-top: 9px;
	width: 600px;
	background: #FFEED7 url('../images/taf-bg.gif') repeat-x;
	border: solid 1px #FFF;
	float: left;
	padding: 0px;
	font-size: 13px;
}
.friend_name1, .friend_name2, .friend_name3, .friend_name4, .friend_name5
{
	float: left;
	padding: 5px 0px 5px 50px;
	width: 270px;
}
.friend_name1
{
	background: url('../images/taf1.gif') no-repeat 15px center;
}
.friend_name2
{
	background: url('../images/taf2.gif') no-repeat 15px center;
}
.friend_name3
{
	background: url('../images/taf3.gif') no-repeat 15px center;
}
.friend_name4
{
	background: url('../images/taf4.gif') no-repeat 15px center;
}
.friend_name5
{
	background: url('../images/taf5.gif') no-repeat 15px center;
}
.friend_email
{
	float: left;
	padding: 5px 0px 5px 5px;
	width: 270px;
}
.friend input
{
	width: 260px;
}
/*
#taf_outer{
	margin-top:9px;
	width:600px;
	background:#FFEED7 url('../images/taf-bg.gif') repeat-x;
	border:solid 1px #FFF;
	float:left;
}
#taf_inner{
	float:left;
	padding: 5px 0px 5px 50px;
}
#taf1 #taf_inner{background:url('../images/taf1.gif') no-repeat 15px center;}
#taf2 #taf_inner{background:url('../images/taf2.gif') no-repeat 15px center;}
#taf3 #taf_inner{background:url('../images/taf3.gif') no-repeat 15px center;}
#taf4 #taf_inner{background:url('../images/taf4.gif') no-repeat 15px center;}
#taf5 #taf_inner{background:url('../images/taf5.gif') no-repeat 15px center;}

#taf_inner .twocol .questionWrapper{
	width:265px;
}
#taf_inner .twocol .questionWrapper input[type='text']{
	width:260px;
}
*/

#nothanks
{
	float: right;
	padding-right: 10px;
	display: block;
	font-weight: bold;
	color: #FFF;
	padding-top: 5px;
}
#s5 p
{
	font-size: 11px;
}

/* FIXES FOR HARDCODING TOMFOOLERY */
#step1 .state .headline, #step1 .gender .headline
{
	font-weight: normal;
}

#step6 .state .headline, #step6 .gender .headline
{
	font-weight: normal;
}

.heading2
{
	padding-top: 1em;
	padding: 0px 22px;
	padding-left: 20px;
	padding-right: 30px;
	font-size: 12px;
}


.programCode
{
	font-size: 20px;
	font-weight: bold;
	color: #ad2a43;
	line-height: 1.1em;
}

.reg_copy
{
	padding-left: 50px;
	width: 346px;
}

.reg_required_text
{
	padding-top: 150px !important;
}

.subCode
{
	font-size: 14px;
	font-weight: normal;
}

.rebate
{
	padding: 10px 35px 0px 0px;
	text-align: center;
}

.rebate h2
{
	font-size: 48px;
	color: #ad2a43;
}

.rebate p
{
	font-size: 32px;
	color: #ad2a43;
}


.rebate_code
{
	padding-top: 12px;
}

/* Registration Page */
.registrationForm_BDpoints
{
	background-color: #f1edf6;
	width: 615px;
	height: 145px;
	padding: 5px 0px 20px 10px;
	float: left;
	margin: 8px 0px 20px 0px;
	text-align: left;
}
a
{
	font-family: verdana;
	font-size: 11px;
	color: Blue;
	text-decoration: none;
}
a:hover
{
	color: #ccc;
	text-decoration: underline;
}
#mask
{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9000;
	background-color: #000;
	display: none;
}
#boxes #dialog
{
	width: 260px;
	height: 345px;
	padding: 10px;
	background-color: #ffffff;
}
#boxes .windowTermCondition
{
	position: absolute;
	left: 0;
	top: 0; /*width:440px*/ /*height:200px;*/
	display: none;
	z-index: 9999;
	padding: 20px;
	background-image: url(../Images/BD_TermsAndConditions.jpg);
	width: 241px;
	height: 326px;
}
#boxes .windowBenefit
{
	position: absolute;
	left: 0;
	top: 0; /*width:440px*/ /*height:200px;*/
	display: none;
	z-index: 9999;
	padding: 20px;
	background-image: url(../Images/BD_Benefits_popup.jpg);
	width: 260px;
	height: 412px;
}