/*----- COMMON BODY STYLES -----*/

/*Body Presets*/
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, iframe, blockquote, pre, em, font, img, strong, dd, dl, dt, fieldset, form, label, legend, caption, tbody{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	text-align: left;
}
body, ul, li, ol, dl, td, th, caption, pre, p, blockquote, input, textarea {
	font-family: Arial;
	font-size: 12px; line-height: 16px; color:#000;

}
body {
	background: #acacac;
}

#page {
	width: 1006px;
	margin: 0 auto;
	position: relative;
	background-color: #FFFFFF;
}

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

/*Headings*/
h1, h2, h3, h4, h5, h6 { font-weight: bold; font-family: Arial, Verdana, sans-serif; color: #734790; }
h1 { font-size: 160%; line-height: 220%; }
h2 { font-size: 140%; line-height: 210%; }
h3 { font-size: 130%; line-height: 200%; }
h4 { font-size: 120%; line-height: 190%; }
h5 { font-size: 110%; line-height: 180%; }
h6 { font-size: 80%; line-height: 180%; }


h1 {
	color: #734790;
	font-family:Arial,Verdana,sans-serif;
	font-weight:bold;
	font-size: 24px;
}
h2 {
	color: #734790;
	font-family:Arial,Verdana,sans-serif;
	font-weight:bold;
	font-size: 12px;

}

a img, :link img, :visited img { border: none; text-decoration: none; }

/*Links*/
a:link , a:visited { color: #734790; }
a:hover { color: #ec670b; text-decoration: none; }

a.white:link , a.white:visited { color: #FFF; }
a.white: hover{ color: #FFF; text-decoration: none; }
#header {
	margin-top: 15px;
}
.logo {
	float: left;
	width: 60%;
	margin-left: 35px;
	margin-bottom:15px;
}
.pageContent {
	width: 980px;
}

#footer-copyrights {
	width: auto;
	float: right;
	margin: 0px 30px 0 0;
	padding: 0px;
	text-align: right;
	font-size: 11px;
	color: #FFFFFF;
}
#footer {
	background: url('../images/orange_purple/img_footer_bar.gif');
	background-repeat: repeat-x;
	height: 121px;
}
#footer #upperfooterlinks {
	color: #FFFFFF;
	position: relative;
	top: 15px;
	left: 30px;
}
#footer #upperfooterlinks a {
	color: #FFFFFF;
}

/*----- COLUMN WRAPPER -----*/
#column-wrapper { width: auto; /* min-height: 500px; height: auto !important; height: auto; */ }
#column-wrapper.show-left {
	border-left-style: solid;
	border-left-color: transparent;
}
#column-wrapper.show-right { border-right-width: 0px; border-right-style: solid; border-right-color: transparent; }

#float-wrapper {
	margin: 0; width: 100%;
	height: 100%;
	position: relative;
}

#column-left {
	float: left;
	width: 0px;
	position: relative;
}
#column-right { float: left;  width: 0px; margin: 10px -0px 10px 7px; position: relative; background-color: transparent; }
#column-middle {
	float: left;
	width: 98%;
	margin: 0px 0px 10px 0px;
	position: relative;
}
.content {
	width: 980px;
}
.pageContent .leftMargin {
	background: url('../images/orange_purple/left_shadow.gif');
}
.pageContent .leftMargin div {
	width: 13px;
}
.pageContent .rightMargin {
	background: url('../images/orange_purple/right_shadow.gif');
}
.pageContent .rightMargin div {
	width: 13px;
}
.top-help {
	clear: both;
	width: 100%;
	height: 28px;
	background: url('../images/orange_purple/img_top_nav_bar.gif');
}
.top-help .filler {
	float: left;
	width: 5px;
	height: 28px;
	background: #FFFFFF;
	margin-left: 30px;
}
.top-help .menuItem {
	float: left;
	width: 130px;
	height: 28px;
	cursor: pointer;
	background-color: #FFFFFF;
}
.top-help .homeMenuItem, .top-help .homeMenuItemOn {
	background: url('../images/orange_purple/btn_home_off.gif') #FFFFFF;
	background-repeat: no-repeat;
}
.top-help .featuresMenuItem,.top-help .featuresMenuItemOn {
	background: url('../images/orange_purple/btn_features_off.gif')  #FFFFFF;
	background-repeat: no-repeat;
}
.top-help .faqMenuItem,.top-help .faqMenuItemOn {
	background: url('../images/orange_purple/btn_faq_off.gif') #FFFFFF;
	background-repeat: no-repeat;
}
.top-help .signupMenuItem, .top-help .signupMenuItemOn {
	background: url('../images/orange_purple/btn_signup_off.gif') #FFFFFF;
	background-repeat: no-repeat;
}
.top-help .homeMenuItemOn {
	background: url('../images/orange_purple/btn_home_on.gif') #FFFFFF;
	background-repeat: no-repeat;
}
.top-help .featuresMenuItemOn {
	background: url('../images/orange_purple/btn_features_on.gif')  #FFFFFF;
	background-repeat: no-repeat;
}
.top-help .faqMenuItemOn {
	background: url('../images/orange_purple/btn_faq_on.gif') #FFFFFF;
	background-repeat: no-repeat;
}
.top-help .signupMenuItemOn {
	background: url('../images/orange_purple/btn_signup_on.gif') #FFFFFF;
	background-repeat: no-repeat;
}


.memberLogin {
	width: 138px;
	float: right;
	margin-right: 30px;
	text-align: center;
	color: #734790;
}
.memberLogin a {
	color: #734790;
}
.homeAmusementPackDocument {
	clear: both;
	margin-top: 30px;
}
.homeAmusementPackDocument .leftContent, .homeAmusementPackDocument .rightContent {
	float: left;
}
.homeAmusementPackDocument .leftContent {
	width: 575px;
	margin-left: 40px;
	margin-bottom: 20px;
}
.homeAmusementPackDocument .rightContent {
	width: 207px;
	margin-left: 30px;
}
.features h2 {
	line-height: 15px;
}
.features {
	padding-left: 25px;

}
.features ul {
	padding-left: 15px;
}
.features ul li {
	color: #000000;
	font-family: Arial;
	font-size: 12px;
	line-height:20px;
	font-weight: normal;
}
.features ul li span {
	color: #000000;
	font-weight: normal;
}
.features ul li .featureTitle {
	color: #ec670b;
	font-weight: bold;
}
.question-answer {
	margin-left: 40px;
	margin-right: 30px;
}
.question-answer dt {
	color: #ec670b;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}
.question-answer dd {
	margin-bottom: 10px;
}
.loginContainer {
	text-align: center;
	margin-left: 70px;
	width: 210px;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 25px;
	color: #734790;
}
.loginContainer .loginDetails {
	width: 100%;
	margin-bottom: 10px;
}
.loginContainer .loginDetails input {
	width: 200px;
	border:1px solid #BABABA;
}
.joinNow {
	background-image: url(../images/orange_purple/img_girl_piggy.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-left: 35px;
	padding-top:4px;
	border-left: dotted 1px #734790;
	height:200px;
}
.notAMember {
	margin-top: 20px;
	border-left: dotted 1px #734790;
	padding-left: 35px;
}
.notAMember .subtitle {
	color: #ec670b;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;

}
.notAMember ul li {
	list-style-image:url("../images/orange_purple/img_checkmark.gif");
	list-style-position: outside;
	line-height: 20px;
	color: #734790;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	background: none;
}
.notAMember ul {
	padding-left: 20px;
}
.notAMember a {
	margin-left: -10px;
}



/* pre signup form / landing page */
form.pre-signup {
	width: 510px;
	margin: 0px auto 0px auto;
}

form.pre-signup input[type="text"] {
	width: 190px;
	font-size:15px;
	margin-top:-20px;
	margin-left:130px;
	margin-bottom:15px;
}
/* SIGN UP */
form h1 {
	color: #000;
}

form h3 {
	color: #333;
}

.signup-header {
	font: normal 22px arial;
	margin: 0px 0px 5px 0px;
	color: #99cc00;
}



.signup-header .highlight {
	font-size: 23px;
	font-weight: bold;
}

.signup-header h1 {
	margin-bottom: 10px;
}

.signup-header h2 {
	margin: 0px 0px 30px 0px;
	font: normal 19px arial;
	color: #000;
}

.signup-header h2 .highlight {
	font-size: 21px;
	font-weight: bold;
}

#signup-step {
	margin: 0px 0px 15px 0px;
	font-size: 15px;
	color: #000;

}

#signup-step #step {
	font: bold 19px Arial;
	color: #89b700;
}

#signup-free-trial {
	position: absolute;
	top: 100px;
	right: 0px;
}

#signup-free-trial-right {
	position: absolute;
	top:359px;
	*top: 340px;
	right: -40px;
}

form.application-signup em {
	margin-right: 30px;
}
 form.application-paymenttravel em {

 }

/* The submit button on the signup form. */
#signup-submit { margin: 20px 180px; }

#secured-logo {
margin-top: 0px;
*margin-top:2px;
}

form.selectstate {
	position:absolute;
	top:500px;
	width:250px;
}

form.selectstate select {
	margin:20px 0 0 -80px;
}
form.selectstate .formGroup {
	float:left;
}


form#ResourceCenter .elementLabel, form.ResourceCenter .elementContainer div { float:none; }
form#ResourceCenter .elementLabel { width: 100%; }
form#ResourceCenter input[type=text], form.ResourceCenter input[type=password], form.ResourceCenter select { margin:0px; border: 1px solid #BABABA;}
form#ResourceCenter .frow1 .elementLabel {*padding-top:10px}
form#ResourceCenter .frow2  {*height:57px}

form.upgradecenter {
	margin:20px 0 5px 30px;
	width:600px;
}
form.upgradecenter .formRow em { display:none; }
form.upgradecenter input[type=text], form.upgradecenter input[type=password], form.upgradecenter select { margin:0px; border: 1px solid #BABABA;}

form.upgradecenter  .elementLabel, form.ResourceCenter .elementContainer div { float:none; }
form.upgradecenter .elementLabel { width: 100%; }
form.upgradecenter .submit-zone input{
	margin:0px;
}
form.upgradecenter .checkEligibilityText {
width:750px;
font-size:11px;
margin:-21px 0 5px 20px;
*margin:-32px 0 5px 23px;
}
form.upgradecenter span.groupSeparator { padding: 0px 4px; margin:0px; }
form.upgradecenter .spacing {
	margin:15px 0 5px 0;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
	form.upgradecenter .security-question {
		margin-top:10px;
		margin-right:150px;
		font-weight:bold;
	}
}
#confirm_memberID .submit-zone input{
	*margin-top:-33px;
}
form.upgradecenter .line {
	width:600px;
	border-top:1px dotted #ccc;
	margin:5px 0 10px 0;
}
form.upgradecenter .security-question {
	width:300px;
	float:left;
	padding:10px 0;
	font-weight:bold;
}
#upgradecenter {
	float:left;
	width:560px;
	margin:15px 30px;

}
#upgradecenter h4{
	margin:7px 0;
}
#upgradecenter label {
	font-weight:bold;
	color:black;

}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#upgradecenter label {
	font-weight:bold;
	color:black;
	margin-right:35px;
	}
}

.upgrade-center li{
	font-weight:bold;
}
#REPID {
	position:relative;
	left:485px;
	top:-25px;
}
.upgrade-center {
	margin:10px 0 0 45px;
}
.upgrade-center ul {
	background-color:#fff;
}
.upgrade-center li {
	background-color:#fff;
}
.upgrade-center-bottom {
	margin-top:25px;
	font-size:11px;
}
.ResourceCenter-mainPageFormContent-document {
	float:left;
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	padding:10px 15px 6px 15px;
	*padding-top:28px;
	background:#f4f4f4;
	width:300px;

}
.resource-content-top {
	text-align:justify;
	margin-top:-40px;
	position:relative;
	z-index:100;
	height:180px;
	*height:165px;
	width:280px;

}


form.paymenttravel {
	width: 100%;
	margin: 20px auto;
}
.submit-state {
	margin-top:6px;
}
.instruction { color: #999; }

#billing-exclusive {
	/*margin-left: 100px;*/
	text-align: center;
}
.showYear {
	float:left;
	color:#ca0a0a;
	font:bold 12px Arial;
	cursor:pointer;
	text-decoration:underline;
	margin:5px 3px;
	padding-right:5px;
	margin-top:10px;
}

.required-fields { color: #c30; margin: 10px 0px 20px; }

form.paymenttravel .required-fields { text-align: left; margin-bottom: 5px; }


/* Payment Plan page */
#choose-plan {
	width: 90%;
	margin: 30px auto 30px;
}

#choose-plan table td {
	vertical-align: top;
}

#choose-plan-plane {
	margin-top: 50px;
}

#plane-caption {
	margin: 20px; 0px 0px;
	color: #666;
	font-size: 14px;
}


/* Special Offer page */
.fine-print {
	color: #999;
	font-size: 11px;
}

#decision-footer {
	padding: 15px;
	background-color: #e4e4e4;
	text-align: center;
}

#decision-footer a,#decision-footer a:visited {
	color: #666;
}



/**/
 /* START FORMS CSS */
 /**/
.signUpFormErrors { margin: 10px 0px 0px 310px; }
form.application label { color: #000000; }
form.application ul, li, ol, dl,form.application td, th, caption, pre, p, blockquote, input, textarea {
	 background-color: white;
}
form.application fieldset { border-width:0px; margin:0px; padding:0px; }
form.application .warning { color:red; padding-top:10px;}
form.application em { color:red; }
form.application .confirmationWarning { color:red; }
form.application .groupSeparator { padding: 5px 4px 0px 0px; margin-top:10px;}
.plan_type, .personal_info, .payment_info, .payment_mode, .select_customer,
.payment_confirm, .confirm, .check_pid {
     padding: 0px;
	 margin: 2px;
	 width: 500px;
	 font-family: Arial,Helvetica,sans-serif;
	 color:#000000;
	 font-size:12px;
	 margin: 0 auto;
	 margin-left: 40px;
}
.check_pid, .plan_type, .confirm { min-height: 526px; }

.select_customer, .confirm { margin-left:20px;}

.plan_type input[type=text], .personal_info input[type=text], .personal_info select, .personal_info input[type=password] , .payment_info input[type=text],
.payment_info select, .payment_mode select,
.select_customer input[type=text],
.payment_info_card input[type=text], .payment_info_card select,
.payment_info_ach input[type=text], .payment_info_ach select, .check_pid input[type=text] { border: 1px solid #BABABA; }
form input[type=hidden] { margin:0px; padding:0px;}

.formRadio { margin-right: 5px;}
.formRow { padding: 0px; margin: 0px; clear: both; }
.formGroup { /*float:left;*/ clear: both; text-align:left; padding: 5px 0px 0px 20px; }
.elementContainer, .elementLabel { float:left; /*margin-left:5px;*/ text-align:left; }
.elementLabel { line-height: 1.9;  }
.elementContainer div { float:left; }
form.application .elementLabel { width:80px; line-height: 25px; }
form.upgradecenter .elementLabel {    width:150px;}
form.application .elementLabel label { float:none; margin: 0px; display:inline; }

form.application .payDetailName { width:100px;}
form.application .payDetailValue{ width:180px; }
form.application .payDetailValue span { padding-right: 5px; }

.signupFormFormHeader { display: block; line-height: 30px; margin: 0px; margin-left:-5px; width: 698px;
}
.signupFormFormHeaderTitle {
	width: 80%;
	text-align: left;
	float: left;
	font-size: 16px;
	font-weight: bold;
	color: #734790;
	margin-top: 20px;
}
.signupFormFormHeaderNotes { padding-right: 10px; color: #7D7D7D; display:none; }

/* BACK AND NEXT BUTTONS */
#nextstep input { margin:0px; padding:0px; }
#nextstep, #backstep { margin-bottom:5px; }
#nextstep { margin-top:20px; margin-left:80px; }
#backstep { margin-left:130px; }

form.personal_info #backstep, form.payment_confirm #backstep { margin-left:200px; }
form.personal_info #nextstep, form.payment_confirm #nextstep { margin-left:150px; }
form.payment_info #backstep { margin-left:280px; }
form.payment_info #nextstep { margin-left:230px; }


form.check_pid .elementLabel {  width:130px; }
form.check_pid #nextstep { margin-left: 125px;}

.chooseCustomer, .customerInfo, .customerAccount  { float:left; border: 1px solid #cccccc; border-left-width:0px; height: 65px;padding: 20px 10px 0px 10px;}
.chooseCustomer {  border-left: 1px solid #cccccc; }
.customerInfo { width: 230px; }
.customerAccount { width: 365px; background-color: #EFF4FA; margin-bottom:20px; }

form.personal_info, form.payment_info, form.payment_confirm {
	width: 100%;
	padding-left: 40px;
}

form.personal_info .signupFormFormHeaderTitle, form.payment_confirm .signupFormFormHeaderTitle {
	border-top: 1px dotted #734790; margin: 8px 0px 8px 0px;
}
form.personal_info .frow1 .signupFormFormHeaderTitle , form.payment_info .frow0 .signupFormFormHeaderTitle, form.payment_confirm .frow1 .signupFormFormHeaderTitle{
	border-top-width:0px;
}

.personal_info div.formGroup, form.payment_info div.formGroup {
	width:168px; float:left; text-align:left; padding: 5px 0px 0px 20px; padding: 0px; clear:none;
}
.personal_info div.formGroup { width:195px; }
.personal_info .frow3 div.formGroup, form.payment_info  .frow8 div.formGroup {
	width:100%; clear:both; text-align:left; padding: 5px 0px 0px 20px;
}
.personal_info .elementContainer {clear:both;}
form.personal_info .elementLabel { width:120px; }

form.personal_info .elementLabel label, form.payment_info .elementLabel label { line-height:23px; }
form.personal_info .formRow .elementContainer, form.payment_info .formRow .elementContainer { width:100%; }
form.personal_info .frow12 .formGroup { width:310px; }

form.payment_info { background: url(../images/black_red/signupForm/img_sign_legal.jpg) no-repeat 0% 50%;}
form.payment_info div.formGroup { width:220px; }
form.payment_info .elementLabel { width:130px; }
.payment_info .cardLogos { margin-top:20px;}
.payment_info .frow8 .formGroup p  { background-color: #f0f0f0;  padding:10px;width:600px; }
form.payment_info .frow8 div.formGroup  { background-color: #f0f0f0; border:1px solid #000000; width:620px; padding:0px; margin:10px 0px 10px 0px;}


.payment_info select { font-size:11px; }
.payment_info .frow5 .formGroup, .payment_info .frow6 .formGroup,
.payment_info .frow5 .formGroup, .payment_info .frow6 .formGroup   { background-color: #F5F5F5; width:180px; height:50px; padding:0px; padding:0px 10px 0px 10px; }
.payment_info .frow5 .formGroup, .payment_info .frow5 .formGroup { border-top:3px solid #8195B0; }
.payment_info .creditCardCCVDetails { width:600px;}
.payment_info .creditCardCCVDetails .black11 { font-size:11px;}

form.payment_confirm .formGroup { padding:0px; }
form.payment_confirm .frow2 .formGroup, form.payment_confirm .frow4 .formGroup, form.payment_confirm .frow6 .formGroup, form.payment_confirm .frow8 .formGroup { float:left; padding:2px; margin:0px; width:600px;  }
form.payment_confirm .payDetailName { font-weight: bold; width:135px; }
.div.even, div.uneven {width:545px;}
form.payment_confirm .uneven, .even { padding:4px; }
form.payment_confirm .uneven { background-color: #EFEFEF; }
form.payment_confirm .confirmationWarning { color: #000000; width:550px; padding: 5px 0px 5px 0px;}
form.payment_confirm .frow8 div.formGroup div { float:left; }
form.payment_confirm .frow8 div.formGroup div.elementLabel { width:5px;}

.confirm .payDetailsSubBox div div { width:150px; }
.confirm div {text-align:justify;}

.field-block { float:left; width:200px; margin:10px 0; }

.postConfirm  {
	 padding: 15px 40px 15px 40px;
}
.postConfirm .payDetailName { width:100px;}
.postConfirm .postConfirmCongratulations h1 {
	font-size:16px; color: #FF0000; padding:0px; margin:0px;
}
.postConfirm .payDetailsSubBox div div { width:150px; float:left;}
.postConfirm .subTitle { background-color: #EEEEEE; font-weight: bold; margin-top:20px; padding:3px; clear:both;}
.postConfirm .payDetailsSubBox {
	border-top: 1px solid #dddddd; border-bottom: 1px solid #ccc; float:left;
	width:45%;
	padding:5px;
	margin:5px;
	background-color:#F9F9F9;
}
.signupFormGrayBox {
	margin-bottom: 5px;
}

.error-box {
	width: 300px;
	color: #960;
	font-size: 11px;
	text-align: left;
	padding: 8px;
	margin:5px;
	position:relative;
	z-index:100;
	color: #960;
	background-color: #FFC;
	border: 1px solid #FC3;
}
.myAccount #report {
	float: left;
	width: 630px;
	margin-left: 40px;
	margin-bottom: 10px;
}
.myAccount #pageTitle, .myAccount #reportSubTitle {
	font-weight: bold; font-family: Arial, Verdana, sans-serif;
	font:bold 12px Arial;
	color:#EC670B;
	clear: both;
}
.myAccount #reportSubTitle {
	margin-top: 20px;
	margin-bottom: 10px;
}
.myAccount #reportGreyRow, .myAccount #reportWhiteRow {
	clear: both;
	height: 22px;
	line-height: 22px;
}
.myAccount #reportGreyRow {
	background-color: #F7F7F7;
}
.myAccount #reportWhiteRow {
	background-color: #FFFFFF;
}
.myAccount #reportAttributeName, .myAccount #reportAttributeValue, .myAccount #reportAttributeAction {
	float: left;
}
.myAccount #reportAttributeName {
	font-weight: bold;
	width: 145px;
}
.myAccount #reportAttributeAction {
	font-weight: bold;
	width: 45px;
}
#report #reportAttributeValue, #report #reportAttributeValueNoName, #report #reportAttributeValueNoNameAction {
	float: left;
	width: 325px;
	padding-bottom: 2px;
}
.contactPage {
	padding-left: 40px;
}
.contactPage input[type="text"], input[type="submit"], select, textarea {
	border:1px solid #BABABA;
}
.contactPage h5 { color:#ec670b; }
.contactPage .field-block { margin:5px 0;}
.contactPage #fFirstName, #fLastName, #fSubject {width:380px;}
.contactPage #fAddress, #fEmail, #messsge {width:380px;}
.contactPage div.error-box {
	width: 450px;
	color: #960;
	font-size: 11px;
	text-align: left;
	padding: 5px;
	position:relative;
	z-index:100;
	margin: 0px;
	color: #960;
	background-color: #FFC;
	border: 1px solid #FC3;
}
.contactPage .phone input { width:45px; }
.contactPage .element span { float:left; }
.contactPage span.label { display:block; }
.privacy-policy {
	padding: 0px 40px 0px 40px;
}
.loginContainer h1 { color:#734790 !important; }
.plainPage {
	margin-top: 0px;
	background-color: #FFFFFF;
	width: 98%;
	height: 342px;
}