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

/* BODY PRESENTS */
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 { background:#FFF; color:#333; font: 12px "Oxygen", Arial, sans-serif; line-height:18px; }
p { line-height:18px !important; }

div.clearfix { clear: both; }
.common { clear:both; width:100%; margin:0px; padding:2px 0 2px 0; overflow:auto; }
.float-left { float:left; }
.left-column { float:left; width:48%; }
.right-column { float:right; width:48%; }
.pointer { cursor:pointer; }

/* ICON */

/* UL & LI */
ul { margin: 0px; float: left; }
li { padding: 0px; }
ol { list-style-type: none;}

.blue {   color: #2187A9 !important; }
.headingColor { color: ; }
.pointer { cursor: pointer; }

/* COLORS */
.color-primary 	{ color: ;}
.color-secondary{ color: ; }
.color-tertiary { color: ; }
.color-white{ color: #FFFFFF; }

/* CSS-BUTTON */
button.primary	{ background-color: ; 	color: ; }
button.secondary{ background-color: ; 	color: ; }
button.tertiary	{ background-color: ; 	color: ; }

button.rounded-ends i	 {  margin: -2px 3px 0 7px;   }
button .fa-lock { color:white !important; }

/* HEADINGS */
.heading {font: bold 24px "Open Sans", Arial,sans-serif; line-height:190%;}
h1, h2, h3, h4, h5, h6 {font-family: "Open Sans", Arial, Verdana, sans-serif; color: ; }
h1 { font-size: 160%; line-height: 220%; }
h2 { font-size: 130%; line-height: 210%; }
h3 { font-size: 110%; line-height: 200%; color:; }
h4 { font-size: 20px; line-height: 190%; }
h5 { font-size: 110%; line-height: 180%; color:; }
h6 { font-size: 80%; line-height: 180%; }

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

/* LINKS */
a:link , a:visited { color: ; }
a:hover { color: ; text-decoration: none; }

a.white:link , a.white:visited { color: #FFF; }
a.white: hover{ color: #FFF; text-decoration: none; }

/* PAGE */
#page { ; }

#eclub-main-banner  { clear: both; margin-top: -301px !important; position: relative; margin-left: 370px; }
#eclub-main-banner i { padding-left: 5px; color:  !important; top: -1px; }
#eclub-main-banner i:hover { color:  !important; }
#eclub-main-banner h1  { letter-spacing: -1.7px; font-size: 60px; color: ; font-family: 'Open Sans Condensed', 'Arial Narrow'; font-weight: 700; }
#eclub-main-banner h1 span, i { color: ; }

#eclub-main-banner .title { padding-top:25px; font-size:26px; color: ; }
#eclub-main-banner .sub-title {  padding-top:18px; font-style: oblique;  color: ; }

#eclub-main-banner p { line-height: 18px !important;  }

#eclub-main-banner ul { width:167px; }
#eclub-main-banner li { font-family: 'Open Sans Condensed', 'Arial Black'; font-size:20px; font-weight:700; color: ; text-decoration:none;  padding-bottom:15px;}

.img-banner-girl{ z-index:100; left: 22px; height:301px; width:325px; position: relative; background: url('/templates//images/_common/img_banner_girl.png') no-repeat; }
.img_home_banner{ position: relative; background: url('/templates//images/_common/img_home_banner.jpg') no-repeat; width:787px; height:397px; }
.img_main_member_savings{ position: relative; background: url('/templates//images/_common/img_main_member_savings.jpg') no-repeat; width:680px; height:315px; }

.page-bg{ position:relative; top: 109px; border-top: 5px solid ; height:251px; border-bottom: 45px solid ; }

.pageContent { width: 980px; }

#promo_code { width:167px; text-align:center; height:23px; -webkit-border-radius: 0.3em; border-radius: 0.3em; border: 0px solid; }
.promo-form { z-index:15;  float: right; margin-top: 32px; position: relative; width: 550px; }
.promo-form span { color: #FFFFFF; font-size: 14px; font-style: italic; font-weight: bold; padding-right: 15px; }

.eclub-default-splash-left { font-size: 20px !important; padding-top: 30px !important;  padding-left: 35px !important; font-weight: bold; color: ;}
.eclub-default-splash-left span{ color: ; text-transform: uppercase; }
.splash-left-image { position: relative; background: url('/templates//images/_common/eclub-default-splash-left.png') no-repeat; width:371px; height:393px;  }

/* HEADER */
#header {  }
#header-content { padding:5px ; margin: 0px auto; width: 970px; }
div.logo { float:left; width:220px; margin-top:8px !important;  margin-bottom:8px !important; }

/* TOP NAV MENU */
ul#listTopMenuRoot { list-style-type:none; margin:0px;position:relative;}
ul#listTopMenuRoot li {  }

/* LEFT NAV MENU */
ul#listLeftMenuRoot { list-style-type:none; margin:0; }
ul#listLeftMenuRoot li { margin-top:-4px; }

/* QUICK LINKS */
.quick-links { width:380px; float:right; margin:0; padding:15px 0 0 0; text-align:right; }
.quick-links a { margin:5px 5px; vertical-align:top;}
.quick-links p { margin:5px 10px 0 0; }
.quick-links #Login img { margin-top:-5px; }
.quick-links sup.phone-number { color:; font-size:18px; padding:2px; vertical-align: top; font-weight: normal; }

/* PRICE TEXT */
span.price-text  { color:; font-size:18px; }
sup.price-text  { color:; font-size:12px; padding:2px; vertical-align: top; }

/* LEFT SIDE BAR MENU */
.leftMenu 		{ margin:2px 0; border-right:1px dotted ; height:100%; }
.mainLeftMenu 	{ padding-top:10px; }
.mainLeftMenu  a{ color: ; font-size:14px; font-weight:bold; text-decoration:none; }

.subMainLeftMenu { padding-top:7px; }
.subMainLeftMenu a { font-size:12px; text-decoration:none; }

iframe { overflow-x: hidden; border:0; margin:0; position:relative; }

/* TOP NAVIGATION */
#topnav {  border-color: !important;}
.top-menu-content {	width:100%;margin:0 auto; }

#start_saving { }

#top-menu-container-TOP-SUB-MENU 	{ width:970px; }
#top-menu-container-TOP-MENU		{ width:970px; clear: both; margin: 0 auto; }
#top-menu-container-TOP-MENU-LOGIN	{ clear: both; height: 28px; background-color: ; }

.top-menu 		{ display: table; height: 40px; list-style: none; position:relative; }
.top-menu ul 	{ margin-top:0; padding: 0; list-style: none;margin-left:0px; }
.top-menu ul 	{ display: none; position: absolute; top: 1.0em; margin-top:23px; left:0px; width:180px;  ddd}
.top-menu ul ul { top: -1px; margin-top: 10; left: 150px; }

.top-menu li 	{ height: inherit; float: left; display: table-cell; position: relative; margin-right: 0px;  vertical-align: middle }
.top-menu ul li {  margin: -4px 0 -1px 0; font-size:10px; border: 1px #f47d29 solid; padding-left:1px; height:25px; }

.top-menu ul>li:last-child { margin-bottom: 1px;   /* Mozilla fix */ }

/* LINKS INSIDE MENUS */
.top-menu a { display: block; text-decoration: none; font-family:Oxygen, Verdana, sans-serif; color:#FFFFFF; font-size: 18px; }

/* LIST ITEMS: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.top-menu a			{ margin:10px 100px 0 0px;  font-weight: bold;}
.top-menu a:hover	{ color:; }
.top-menu a.highlighted { color:; }
.top-menu a.active { color:; }

.top-empty { width: 100%; height:30px; }

/* Only style submenu indicators within submenus. */
.top-menu a .subind { display: none; }
.top-menu ul a .subind { display: block; float: right; }

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.top-menu a { float: left; }
.top-menu ul a { float: none; height:10px;font:bold 12px Arial;  }
.top-menu a { float: none;  }

*:first-child+html .top-menu ul li { float: left; width: 100%; }
* html .top-menu ul li { float: left; height: 1%;  background-color:#f3f0f7;}
* html .top-menu ul a { height: 1%; }

/* End Hacks */

/* CONTENT WRAPPER */
#content-wrapper { width:100%; position:relative; margin:0 auto;}

#columns-wrapper { margin: 20px auto; padding-bottom: 0; position: relative; top: 0; width: 970px; }

#column-left 	 { ; clear:both; height: auto; }
#column-right 	 { ;}
#column-middle 	 { ; }

/* FOOTER */
#footer {  border-top: 5px solid ; }

#footer a 		 	{ font-size:12px; text-decoration: none; color: rgb(66, 66, 66); }
#footer-links	 	{ width:auto; float:left;padding:20px 0; }
#footer-links ul 	{ padding-left:0; }
#footer-links li 	{ margin:0; padding:0; list-style:none; display:inline; }
#footer-copyrights 	{ clear:both;float: left; font-size: 12px; margin-top:-20px; padding-bottom: 10px; }

.footer-content { margin: 0 auto; width: 970px;}
.footer-icon { float: right; padding-top: 20px; }
.footer-icon ul li{ list-style-type:none;display:inline;padding-right:10px;float:left; padding-left:0;margin-left:0;}

.page-title 	{ color: ; font-size: 22px; }
.page-subTitle 	{ line-height:25px; }
.page-description { color: ; font-size: 18px; padding: 10px 0 15px; }

.content { width: 980px; }

.pageContent .leftMargin { background: url('/templates//images//left_shadow.gif'); }
.pageContent .leftMargin div { width: 13px; }
.pageContent .rightMargin { background: url('/templates//images//right_shadow.gif'); }
.pageContent .rightMargin div { width: 13px; }

.logo-bbb { background: url('/templates//images/_common/logo_bbb.png') no-repeat; height: 53px; width: 101px; }

/* DASHBOARD */
.dashboard { clear:both; margin-top: 40px; }
.dashboard p { font-size:14px !important; line-height: 20px !important; padding-bottom:10px; }

.dashboard .bottomContent { width:100%; padding-top:2%; text-align:center; font-size:16px;  }
.dashboard .bottomContent a { text-decoration:none; }
.dashboard .bottomContent p {  width:100%; clear:both; color:black !important; line-height: 20px !important; padding-bottom:10px; font-weight: 500;  }
.dashboard .bottomContent h4 { text-align:center; width:100%; padding-top:20px; clear:both; }

.dashboard .dashboard-icons { width: 175px; float: left; padding-left: 15px; }
.dashboard .dashboard-icons i{ color: !important;  padding-bottom: 10px; display:table; margin:0 auto; }
.dashboard .dashboard-icons i:hover { color: !important;}

.top-nav-error-box { background: none repeat scroll 0 0 #FFFFCC; border: 1px solid #FFCC33; float: right; margin: -150px 0 15px 925px; padding: 4px; position: absolute !important; width: 230px; }
.cb-error-box-login { background: #FFC; border: 1px solid #FC3; margin: -50px 0 0 -20px; padding: 4px; position: absolute; width: 260px; text-align:center; }
#closeErrorBox { text-align: right; cursor:pointer; }
.cb-error-box { background: #FFC; border: 1px solid #FC3; padding: 10px; width: 260px; }
.cb-error-box-login-close-button { top: -15px; right: 0; padding: 0 2px; text-align: right; color: #000; cursor: pointer; }

.content-block{ }
.content-block p { font-size:13px; }
.content-block div { margin-top:0px; }

.memberLogin { width: 138px; float: right; margin-right: 30px; text-align: center; color: ; }
.memberLogin a { color: ; }

.welcome { float:right; padding-right:30px; padding-top:30px; }
.welcome .welcomeText { color:; font-size:14px; font-weight:bold; }
.welcome .logout { text-align:right; padding-right:3px; }


.contentSelectedTitle { color:; font-weight:bold; font-size:16px; padding:15px 0 0 0; }
.contentSelectedTitle span { color: ; line-height:25px; font-size:13px; }

.contentSelectedTop { padding:40px 0 0 0px; }
.contentSelectedMid { padding:35px 0 0 0px; }

.contentSelectedSubtitle { padding-bottom:10px; font-size:14px; width:90%; }

.contentSelected { height:460px;}

.contentSelected .item i {  color: ; width:80px; float:left; display:table; margin:0 auto; }
.contentSelected .item i:hover { color:; }

.contentSelected .item .img { width:177px; height:100%; float:left; }

.contentSelected .item .text { width:85%; text-align:left; clear:both; }
.contentSelected .item .text .title { margin-bottom:3px; }
.contentSelected .item .text .title a { color: ; font-size:14px; font-weight:bold; text-decoration:none; }
.contentSelected .item .text .title a:hover { color:; }
.contentSelected .item .text .description { padding-left:80px; }

.whiteRow 	{ width:100%; color:#4C4C4C; padding-top:5px; height:25px; font-size:12px; }
.grayRow 	{ width:615px; height:25px; padding-top:5px; background-color:#F7F7F7; color:#4c4c4c; font-size:12px; }

.topCompany { float:left; width:203px; padding:0 0 0 50px; }

.travel-discounts-title { float:left;  width:30%; height:50px;  }
.travel-discounts-title h2 { color: ; }
.company 		{ float:left; width:30%; height:50px; clear: both; }
.discountCode 	{ float:left; width:30%; height:50px; padding-top:20px }
.bookingUrl 	{ float:left; width:30%; padding-top:10px }

.discount_alamo 		{ background: url('/templates//images/_common/discount_alamo.gif') no-repeat; height: 72px; width: 116px; }
.discount_avis 			{ background: url('/templates//images/_common/discount_avis.gif') no-repeat; height: 72px; width: 116px; }
.discount_budget 		{ background: url('/templates//images/_common/discount_budget.gif') no-repeat; height: 72px; width: 116px; }
.discount_enterprise 	{ background: url('/templates//images/_common/discount_enterprise.gif') no-repeat; height: 72px; width: 116px; }
.discount_national 		{ background: url('/templates//images/_common/discount_national.gif') no-repeat; height: 72px; width: 116px; }

.discount_hotel_accor 	{ background: url('/templates//images/_common/discount_hotel_accor.gif') no-repeat; height: 72px; width: 116px; }
.discount_hotel_wyndham { background: url('/templates//images/_common/discount_hotel_wyndham.gif') no-repeat; height: 72px; width: 116px; }
.discount_hotel_choice 	{ background: url('/templates//images/_common/discount_hotel_choice.gif') no-repeat; height: 72px; width: 116px; }

.discount_hotel { width:100%;  }
.discount_hotel .title { float:left;  width:25%;  height:50px;  }
.discount_hotel .title h2 { color: ;  }
.discount_hotel .hotel { float:left; width:25%; height:50px;  clear: both;  }
.discount_hotel .member-number { float:left; width:25%; height:50px; padding-top:20px}
.discount_hotel .reservation { float:left;width:20%; height:50px; padding-top:20px}
.discount_hotel .booking-url {float:left;width:25%; height:50px;  padding-top:20px }

.features h1 { line-height: 15px; font-size:22px; }
.features i{ color:;  }
.features ul{ padding-left: 5px; }
.features ul li { background: none repeat scroll 0 0 transparent; color:; font-size: 14px; line-height: 20px; list-style-image: none; list-style-position: outside; margin-left:-8px; }

.endless-vacation { background: url('/templates//images/_common/logo_endless_vacation.gif') no-repeat; height: 86px; width: 181px; }

.features .retail_rebate_star {
	background: url('/templates//images/_common/img_retail_rebate_star.png');
	background-repeat: no-repeat;
	background-position: 300px 25px;
	height: 150px;
	width: 430px;
}

.features .retail_rebate_star_ca {
	background: url('/templates//images/_common/img_retail_rebate_star_ca.png');
	background-repeat: no-repeat;
	background-position: 250px 0px;
	height: 150px;
	width: 430px;
}

.question-answer dt { color: ; 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: ; }
.loginContainer .loginDetails { width: 100%; margin-bottom: 10px; }
.loginContainer .loginDetails input { width: 200px; }

.notAMemberHeader { padding-left:35px; margin-bottom:-20px; }

.joinNow { background-image: url(/templates//images/_common/img_girl_piggy.jpg); background-repeat: no-repeat; background-position: right bottom; padding-left: 70px; height:165px; }
.joinNowOnly { float: right; padding-right: 17%; padding-top: 5px; z-index:30; }

.firstTimeUser {
	margin-top: 20px;
	border-left: dotted 1px ;
	padding-left: 35px;
}

.quickBenefits {
	margin-top: 5px;
	margin-left: 20px;
	padding-left: 17px;
}
.quickBenefits h1 {
	color: ;
	line-height: 20px;
	padding-left: 20px;
}
.quickBenefits ul li {
	list-style-image:url("/templates//images//img_checkmark.gif");
	list-style-position: outside;
	line-height: 20px;
	color: ;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	background: none;
}
.notAMemberHeader .subtitle {
	color: ;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;

}
.firstTimeUser ul li {
	list-style-image:url("/templates//images//img_checkmark.gif");
	list-style-position: outside;
	line-height: 20px;
	color: ;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	background: none;
}
.firstTimeUser ul { padding-left: 20px; }
.firstTimeUser 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; }

form h3 { color: ; font-size:14px; font-weight:bold; text-decoration:none; }
form h4 { color: #000000; font-size:14px; font-weight:bold; text-decoration:none; }

.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 { width: 100%; }
form#ResourceCenter .elementLabel,
form.ResourceCenter .elementContainer div { float:none; }
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; }

#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) {
	form.upgradecenter .security-question { margin-top:10px; margin-right:150px; font-weight:bold; }
	#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; }


/* SEPECIAL 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 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,
.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: ; 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:100px; }

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 ; 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 { background: url(../images/black_red/signupForm/img_sign_monitoring.jpg) no-repeat 0% 50%;}
form.payment_confirm .frow2 .formGroup, form.payment_confirm .frow4 .formGroup, form.payment_confirm .frow6 .formGroup, form.payment_confirm .frow8 .formGroup { float:left; clear: none;  padding:2px; margin:0px; width:350px; border:0px solid red; }
form.payment_confirm .frow4 .formGroup, form.payment_confirm .frow6 .formGroup, form.payment_confirm .frow8 .formGroup { width:542px;}
.div.even, div.uneven {width:100%;}
form.payment_confirm .frow2 .formGroup { width: 267px;}
form.payment_confirm .payDetailName { font-weight: bold;  }
form.payment_confirm .payDetailName{ width:135px; }
form.payment_confirm  .frow2 .payDetailName, form.payment_confirm  .frow2 .payDetailName { width:72px; }
form.payment_confirm .frow2 .formGroup { padding-right:10px;}
form.payment_confirm .confirmationWarning { color: #000000; width:550px;padding: 5px 0px 5px 0px;}

form.payment_confirm .uneven, .even { padding:4px; }
form.payment_confirm .uneven { background-color: #EFEFEF; }
form.payment_confirm .elementLabel { width: 15px; }
form.payment_confirm .frow10 { padding-top: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; font-weight: bold; }
.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:10;
	color: #960;
	background-color: #FFC;
	border: 1px solid #FC3;
}

.myAccount a:link,
.myAccount a:visited { color: ; }

a.inputEditable,
a.addressHandler,
a.editGroupCallback,
a.cancelGroupCallback { cursor: pointer;color: ; }

.myAccount #report { float: left; width: 500px; margin-bottom: 10px; }
.myAccount #report .reportLabel { width:220px; }

.myAccount #pageTitle,
.myAccount #reportSubTitle { font-weight: bold; font-family: Arial, Verdana, sans-serif; font:bold 12px Arial; color:; clear: both; }
.myAccount #reportSubTitle { margin-top: 20px; margin-bottom: 10px; }

.myAccount #reportWhiteRow { background-color: #FFFFFF; }
.myAccount #reportGreyRow { background-color: #F7F7F7; }
.myAccount #reportGreyRow,
.myAccount #reportWhiteRow { clear: both; height: 25px; line-height: 25px; }

.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: 250px; padding-bottom: 2px; }

.myAccount #reportAttributeAction a { color:; cursor:pointer; text-decoration:underline;}

/* CONTACT US */
.contactPage h5 { color:; }
.contactPage .field-block { margin:5px 0;}

.contactPage #fFirstName,
.contactPage #fLastName,
.contactPage #fSubject,
.contactPage #fAddress,
.contactPage #fEmail,
.contactPage #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; }
.contactus-wrapper { }
.contactus-wrapper form label { display: block; margin-bottom: 2px; }
.contactus-wrapper form fieldset { color: #333333; margin-top: 10px; }

.contactus-content { padding-bottom: 50px; }
.contactus-content .first-name, .last-name{ float:left; width:160px; }
.contactus-content .last-name { padding-left: 10px; }

.contactus-content .phone { clear:both; padding-top:10px; }

.contactus-content #fEmail,
.contactus-content #messsge,
.contactus-content #fSubject { width:360px; }

.privacy-policy p { font-size:12px; padding-left:0px; clear:both; }
.privacy-policy ul {  list-style-position: inside; }
.privacy-policy li {  line-height: 18px; background-position: 0px center;  }

.paragraphRow { padding: 8px 3px 8px 3px; }

#retailRebateList ul { float:left; padding-left:20px; list-style-type:circle; font-size:12px; }

*:first-child+html .iframePosition { margin-right:4px; margin-left:-0px; }
*:first-child+html .iframePosition { margin-right:4px; margin-left:-0px; }

.iframePosition { border:none; width:100%; }

.errorDiv {
	color: #960;
	font-size: 11px;
	text-align: left;
	padding: 5px;
	margin: 10px 0px 0px 0px;
	color: #960;
	background-color: #FFC;
	border: 1px solid #FC3;
}

.inputEditable{cursor: pointer; color: ; text-decoration: underline}
.addressHandler{cursor: pointer; color: ; text-decoration: underline}

#header h1 { display:none; }
#header .loginContainer { width:370px; float:right;margin:0px;}
#header .loginContainer .loginDetails {margin-bottom:0px;width:auto;}
#header .loginContainer .forgotPasswordContainer {width:220px;}
#header .loginContainer .forgotPasswordContainer input {width:206px;}
#header .loginContainer div { float:left; }
#header .loginDetails input { width:150px; }
#header .loginContainer .loginLabel { width:65px; clear:both;}
#header .loginContainer .forgotPassLabel { width:230px; clear:both;}
#header .loginSubmitContainer { width:auto;}
#header .loginForgotContainer {width:75%;text-align:center;}
#header .forgotPassSubmitButton {padding-top:5px;}
.loginSubmitContainer, .loginForgotContainer {width:100%;text-align:center;}
#header .error-box { padding:0px;margin:0px;line-height:12px;}


/* LOGIN */
div.rounded-box { background: transparent; margin: 10px 3px 5px 3px;  width:294px;height:auto;margin-right:10px;}
div.rounded-box .xtop, div.rounded-box .xbottom { display: block; background: transparent; font-size: 1px; }
div.rounded-box .xb1, div.rounded-box .xb2, div.rounded-box .xb3, div.rounded-box .xb4 {  display: block; overflow: hidden; background-color: #f6f5fb; }
div.rounded-box .xb1, div.rounded-box .xb2, div.rounded-box .xb3 { height: 1px; }
div.rounded-box .xb2, div.rounded-box .xb3, div.rounded-box .xb4 { border-left: 1px solid #cbc5e1; border-right: 1px solid #cbc5e1; }
div.rounded-box .xb1 { margin: 0 5px; background: #cbc5e1; }
div.rounded-box .xb2 { margin: 0 3px; border-width: 0 2px; }
div.rounded-box .xb3 { margin: 0 2px; }
div.rounded-box .xb4 { height: 2px; margin: 0 1px; }
div.rounded-box .content { display: block; border: 0 solid #cbc5e1; border-width: 0 1px;  overflow: hidden;background-color: #f6f5fb;}
div.rounded-box p { margin:0 3px;}

form.login-form { padding-left:5px;}
form.login-form label { float:left;width:110px;}
*form.login-form label { float:left;width:70px;font-size:11px;}
form.login-form input[type=text], form.login-form input[type=password] { float:left;width:130px;}
form.login-form .left-container {float:left;width:220px;}
form.login-form .right-container { float:left; padding:0px; }
.login-wrapper { padding-top:7px;}
.login-wrapper .login-header {margin:0 auto;text-align:center;}
.login-wrapper a {margin-left:90px;}

/* BOX 7 */
.box-7 { position:absolute; left:40px; top:144px; width:279px; height:293px; background:url(/templates//images/_common/box-7.png) 0 0 no-repeat; }
.box-7 .arrow { position:absolute; right:-16px; top:50px; width:37px; height:44px; background:url(/templates//images//arrow-4.png) 0 0 no-repeat; }
.box-7 .inner { padding:20px 24px 12px 24px; }
.box-7 h4 { padding:0; margin:0 0 6px 0; }
.sendPassword h2,.sendPassword p{text-align: center !important;}
.box-7 .form-2 .inputText { width:204px; font-size:12px;}
.box-7 .form-2 fieldset { padding:6px 0; }
.box-7 a.forgot { color:#777777; text-decoration:none; }
.box-7 a.forgot:hover { text-decoration:underline; }
.box-7 .btn-start { margin:0px auto; display:block; overflow:hidden; padding-top:10%;  }
.box-7 .btn-start a { float:left; width:100%;  text-transform:uppercase;   }
.box-7 .return-home { padding-top:28px; }

.large-member-login-buttons { width:226px; height:134px; }

#submitForm { padding-top:10px; padding-bottom:20px; }
.fieldRight { float:right; }
.fieldRight a { line-height:10px !important; }

div#submitForm input { margin-top:5px; float:left; width:120px; height:28px; text-transform:uppercase; overflow:hidden; border: none; }
div#submitForm input:hover { background-position:0 -28px; }

/* MAIN FOOTER */
#main-footer { clear:both; padding:0 0 20px 0; }
.login-page-footer { width:950px !important; margin:0px auto !important; padding:10px 0 0 0 !important; overflow:hidden !important; }

.botNav { display:block; float:left; color:#ababab; padding:0 0 0 24px; }
.botNav a { color:#ababab; text-decoration:none; }
.botNav a:hover { text-decoration:underline; }
.botNav span { padding:0 6px; }

.copyright { display:block; float:right; color:#aaaaaa; padding:0 24px 0 0; }
.copyright a { color:#246fa9; text-decoration:none; }
.copyright a:hover { text-decoration:underline; }

.login-page-body{ margin:0; padding:0; font:12px Arial, Verdana, Helvetica, sans-serif; color:#515151; background:#fff url(/templates//images//bg_body.jpg) 0 0 repeat-x; }

.imageSwap {margin-top: -7px;}



body.sp79 { margin:0; padding:0; color:#515151; }
body.sp79 { background:#fff url(/templates//images//bg_body.jpg) 0 0 repeat-x; }

.sp79 .separator { width:100%; clear:both; padding:0; border: none; line-height: 0px; font-size: 0; overflow: hidden; }
.sp79 .separator hr { display:none; }
.sp79 .s1 { height:1px; margin:15px 0; background:#e4e4e4; }

.sp79 .return-home { }

.sp79 #footer {  width:100%; margin-top: 60px; background: transparent;  border: none; margin: 0; }
.sp79 #footer-copyrights { float:right !important; margin: -38px 55px 0 25px;}
.sp79 #footer-links { float:left !important; margin: 0px 0px 0px 30px;}

.or-spacer { margin-top: 20px !important; width: 90%; position: relative; float:left;}
.or-spacer .mask 		{ overflow: hidden; height: 20px; }
.or-spacer .mask:after 	{ content: ''; display: block; margin: -25px auto 0; width: 100%; height: 25px; border-radius: 125px / 12px; box-shadow: 0 0 8px black; }
.or-spacer span 	{ width: 50px; height: 50px; position: absolute; bottom: 100%; margin-bottom: -25px; left: 50%; margin-left: -25px; border-radius: 100%; box-shadow: 0 2px 4px #999; background: white; }
.or-spacer span i 	{ position: absolute; top: 4px; bottom: 4px; left: 4px; right: 4px; border-radius: 100%; border: 1px dashed #aaa; text-align: center; line-height: 40px; font-style: normal; color: #999; }

.or-spacer-vertical { display: inline-block; width: 46px; position: relative; }
.or-spacer-vertical .mask  { overflow: hidden; width: 20px; height: 250px; }
.or-spacer-vertical .login {  height: 319px; }
.or-spacer-vertical .left-menu {  height: 330px; }

.or-spacer-vertical.left .mask:after { content: ''; display: block; margin-left: -20px; width: 20px; height: 100%; border-radius: 12px / 125px; box-shadow: 0 0 8px black; }
.or-spacer-vertical.right .mask:before { content: ''; display: block; margin-left: 20px; width: 20px; height: 100%; border-radius: 12px / 125px; box-shadow: 0 0 8px black; }

.activation-button { width:auto; }

/* IE10+ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active), @media screen and (-webkit-min-device-pixel-ratio:0) {

		.activation-button { padding-top:5px; }
		.contactus-content .last-name{ padding-left: 20px; }
		.mainLeftMenu 		{ padding-top:20px; }
		.subMainLeftMenu 	{ padding-top:7px; }
		.top-menu a			{ margin-top:10px; }
		.or-spacer-vertical .left-menu {  height: 360px; }

		#footer				{ height:80px !important; }
		#eclub-main-banner  { position:absolute; }

		.joinNowOnly {  position:relative; top:-70px; }
		.columns-wrapper { top:-30px !important;}

		#promo_code { height:25px; border-radius: 0.3em; }
		.promo-form { margin-top: -38px; }

}

/* FIREFOX */
@-moz-document url-prefix() {
	.activation-button { padding-top:5%; }
	#footer			{ height:80px !important; }
	#eclub-main-banner  { position:absolute; width: 650px;  }

	.joinNowOnly {  position:relative; top:-70px; }

	#promo_code { height:25px; border-radius: 0.3em; }
	.promo-form { margin-top: -33px; }

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* SAFARI and CHROME */
	.activation-button { padding-top:15%; }

	/* SAFARI ONLY */
	::i-block-chrome,.activation-button { padding-top:5px; }
}

/* CHROME ONLY */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.activation-button { padding-top:8%; }
	#footer			{ height:80px !important; }
}

.mobile-app-icons { }
.mobile-app-icons .apple { float: left;  height:92px; width:267px; background:#fff url(/assets/shared/img/icons/icon_app_store.png) 0 0 repeat-x; }
.mobile-app-icons .android { float: left; height:92px; width:267px; background:#fff url(/assets/shared/img/icons/icon_android.png) 0 0 repeat-x; }