/* BODY */
h4 {color:#fff; font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:21px; margin:0 0 10px 0; padding:0px;}
h4 span {color: #fff; margin-top:10px; display:block;}
h5 {color:#00aceb; font-family:Arial,Helvetica,sans-serif; font-weight:lighter; font-size:22px; margin:0px; padding:0px;}
body {background:#527998; margin:0; padding:0; font-family:arial; }
#wrapper {width:100%; margin:0 auto 0 auto; padding:7px 0 0 0;}
#logo {background: url("/img/citi/logo.png") no-repeat; width:270px; height:40px; position:absolute; top:13px; left:22px; float:left;}
#register_holder {width:890px; height:475px; padding:40px 35px 0px 35px; margin:0 auto 124px auto; position:relative;}
#register_holder_citi {width:890px; height:475px; padding:20px 35px 20px 35px; margin:0 auto 115px auto; position:relative;}
.notCardHolder {position:relative;top:22px;color:#fff;font-size:16px;}
.notCardHolder a {color:#fff;}
#main_content{position:relative; width:906px; height:auto; margin:0 auto 25px auto; padding:0 12px 0 12px;}
#left_deals{position:relative; z-index:1; font-family:Arial,Helvetica,sans-serif; color:#666666; font-size:13px; width:461px; height:auto; padding:117px 57px 20px 57px; float:left; background:#e7edf2; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;  -webkit-box-shadow: 0px 3px 4px 0px #8e8e8e; box-shadow: 0px 3px 4px 0px #333333; behavior: url('/css/PIE.htc');}
#right_deals{text-align:center; font-family:Arial,Helvetica,sans-serif; color:#e8dbb7; font-size:12px; position:absolute; top:100px; right:12px; width:278px; height:auto; float:right; padding:16px 16px 40px 16px; background:#3f464c; background-image:url('/img/citi/outline/deals_right_bg.jpg'); background-repeat:repeat-x; background-position:top left; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0px 3px 4px 0px #8e8e8e; box-shadow: 0px 3px 4px 0px #333333; background: -moz-linear-gradient(#75777a, #3f464c) repeat scroll 0 0 transparent; behavior: url('/css/PIE.htc');}

#right_deals div.header { font-size: 21px }
#right_deals h4.how-it-works { text-align: left; font-size: 18px }
#right_deals .step { padding: 0 0 0 15px; font-size: 15px; text-align: left; width: 100%; overflow: hidden; margin: 0 0 15px 0; color: #fff; }
#right_deals .step a { color: #fff }
#right_deals .step div { float: left }
#right_deals .step div:first-child {  width: 30px; height: 35px; background: url("/img/citi/outline/123.png") top left no-repeat; margin-right: 10px; }
#right_deals .step div.two { background-position: -33px 0 }
#right_deals .step div.three { background-position: -63px 0 }
#right_deals .step div span { font-weight: bold; color: #e8dbb7; font-size: 17px }


#footer{position:relative; width:900px; height:auto; margin:10px auto 30px auto; font-weight:lighter; font-family:Arial,Helvetica,sans-serif; color:#adc1d4; font-size:11px; background:none;}
.clear {clear:both; font-size:0; line-height:0;}
.clear_divider{clear:both; height:5px;}
.clear_divider_reg{clear:both; height:15px;}
#ocBox .body {background: #fffbe5;}
sup {font-size:10px; *top:-5px; position:relative;}
#content-main .panel {position: relative;width: 725px;background: #edf1f3; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: #666 0px 3px 2px;-moz-box-shadow: #666 0px 3px 2px;box-shadow: #666 0px 3px 2px;behavior: url(/css/PIE.htc);}
#ocBox h1 {display: block;font-size: 1.4em;font-weight: bold;padding: 20px 0 0 30px;color:#666;margin:10px 0 0;}
#ocBox #contentWrap .panel {box-shadow:none;}
#ocBox #container {width:auto;}
.info-pages-content h2 {font-size: 12px;font-weight: bold;color: #2269B9;margin: 20px 0;}
#ocBox #content-main {overflow: auto; width: 742px; height: 500px;position: relative;}
#ocBox #container div#content-main a:first-of-type {display:none !important;}
#ocBox #container div#content-main p.privacy-feedback-img a:first-of-type {display:block !important; text-align: right;}
#ocBox a:link,#ocBox a:visited {color: #666;text-decoration: none;}
#ocBox a:hover {text-decoration: underline;}
#ocBox .headerOut {display:none !important;}
.reg #ocBox .close {right: 35px;}
#ocBox #contact-us-form .contact-reason.required { color:#000; float:none; font-size:14px; padding:1px;}
/* HEADER */
#headerLinks {margin:0; padding:0 25px 0 0; display:inline; list-style:none; font-size:14px;}
#headerLinks li {float:left; padding:0 0 0 3px; color:#ffffff;}
#headerLinks a {text-decoration:none; color:#ffffff;}
.reg .home-button {display:none;}

/*FOOTER*/
#footer .logos {width:100%;}
#footer .logos .attMiniLogo {display:none; float:left; width:127px; height:66px; background: url('/img/citi/logo_att_footer.png') no-repeat; }
#footer .logos .citiMiniLogo {float:right; width:84px; height:66px; background: url('/img/citi/logo_citi_footer.png') no-repeat; }
.tierUser #footer .logos .citiMiniLogo {display: none; }
.tierUser #footer {font-weight: bold; color: white !important;}
#footer .tierUser .help_links {width: 100%;}
#footer .tierUser { font-weight: bold; color: white;}
/*BUTTONS*/
.btn{
	border:none; 
	padding:5px 30px 5px 16px; 
	text-indent: 0px; 
	color:#fff!important; 
	font-family:Arial; 
	font-size:16px; 
	text-shadow:none; 
	font-weight:bold; 
	text-align: center;
	position:relative;
	-moz-border-radius:3px; 
	border-radius: 3px;
	box-shadow: none;
	background:#002d72 url('/img/citi/buttons/btn-arrow.png')  no-repeat 100%  50%;
	-pie-background: #002d72 url('/img/citi/buttons/btn-arrow.png') no-repeat 100% 50%;
	behavior: url(/css/PIE.htc);
	*-pie-poll: true;
	overflow: visible; /*For IE 7*/
}
.btn:hover{
	background:#002d72 url('/img/citi/buttons/btn-arrow.png')  no-repeat 100%  50%;
	-pie-background: #002d72 url('/img/citi/buttons/btn-arrow.png') no-repeat 100% 50%;
}
/* LOGIN FORM */
#login_form {z-index:1001; position:relative; width:958px; border:1px solid #ccc; height:62px; margin:0 auto 0 auto; padding:0px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background-color: #f4f4f4; background: url(/img/citi/login/login_form_bg.jpg); background-repeat: repeat-x; -webkit-box-shadow: 0px 3px 6px 0px #8e8e8e; box-shadow: 0px 3px 6px 0px #8e8e8e; behavior: url('/css/PIE.htc');}
#login_form #logo{background: none; top: 5px; width: auto; height:auto;float: left;margin: 0;padding: 0;text-indent: -9999px;}
#login_form .fieldSection{position:relative; width:160px; float:left;}
#form_input{position:relative; width:410px; height:50px; float:right; padding:10px 0 0 0;}
#form_input label.title{position:absolute; z-index:2; color:#1091d1; font-size:12px; top:5px; left:7px;}
#form_input label.title.focused{color:#d1d1d1;}
.login_emailID {position:relative; z-index:1; display:block; margin:0 10px 0 0; float:left; font-family:Arial,Helvetica,sans-serif; color:#1091d1; font-size:12px; width:142px; height:16px; padding:3px 3px 3px 5px; border:1px solid #cccccc; -webkit-box-shadow: inset 0px 1px 2px 1px #cccccc; box-shadow: inset 0px 1px 2px 1px #cccccc; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; behavior: url('/css/PIE.htc');}
.login_Password {position:relative; z-index:1; display:block; margin:0 10px 0 0; float:left; font-family:Arial,Helvetica,sans-serif; color:#1091d1; font-size:12px; width:142px; height:16px; padding:3px 3px 3px 5px; border:1px solid #cccccc; -webkit-box-shadow: inset 0px 1px 2px 1px #cccccc; box-shadow: inset 0px 1px 2px 1px #cccccc; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; behavior: url('/css/PIE.htc');}
.log-in {margin-right: 20px; position:relative; z-index:1; cursor:pointer; top:1px; float:right; background:url('/img/citi/btn/btn_login.png') no-repeat; width:67px; height:22px; border:none; display:block;}
.log-in.sso {margin-right: 20px; position:relative; z-index:1; cursor:pointer; top:1px; float:right; background:url('/img/citi/btn/btn_ssologin.png') no-repeat; width:96px; height:31px; border:none; display:block;}
.rollbackLogin {width: 245px; float: right; font-size: 13px; margin-top: 5px;}
.ssoText {padding-top: 9px; display: block; float: left;}
.rememberMe {width:150px; float:left; margin:0 15px 0 0;font-size:11px; font-family:Arial,Helvetica,sans-serif;}
.rememberMe label {color:#787878; float:none; position:relative; top:-2px;}
.rememberMe .checkbox {margin:0; padding:0;}
.forgot {position:relative; width:150px; float:left; padding:0px; margin:0px; font-size:11px; font-family:Arial,Helvetica,sans-serif; color:#787878;}
.forgot a {text-decoration:none; font-size:11px; color:#787878; margin:0 0 0 13px;}
.forgot a:hover {text-decoration:underline; font-size:11px; color:#787878;}
.login_question {position:absolute; top:1px; left:-3px; margin:0px; padding:0px; border:0px;}

/* LOGIN HINT */
.hint, .loginHint {z-index:20 !important; position:absolute; display:none; color:#666666; font-weight:normal; width:175px; text-align:left; left:-160px !important; top:24px !important;}
.loginHint {left:197px !important; top:72px !important;}
#form_input .hint .arrow, #form_input .loginHint .arrow  {z-index:100 !important; background: url("/img/citi/login/arrow.png") no-repeat; height:20px; margin:0px; position:absolute; right:28px !important; top:-20px !important; width:39px;}
#form_input .loginHint .arrow {right: 0 !important;}
#form_input .hint .hint_content, #form_input .loginHint .hint_content {z-index:20 !important; position:absolute; font-family:Arial,Helvetica,sans-serif; height:85px; background:#fffbe5; color:#666666; font-size: 12px; padding:10px 15px 15px 15px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0px 3px 4px 0px #333333; box-shadow: 0px 3px 4px 0px #333333; behavior: url('/css/PIE.htc');}
#form_input .loginHint .hint_content  {font-size: 11px;padding-top: 10px; padding-bottom: 10px;}
#form_input .hint .hint_content .hint_left h3, #form_input .loginHint .hint_content .hint_left h3{font-weight:bold; font-family:Arial,Helvetica,sans-serif; color:#666666; font-size: 12px; padding:0px; margin:0px; behavior: url('/css/PIE.htc');}
#form_input .loginHint .hint_content .hint_left h3 {padding-bottom: 10px}
.hint_left {width:173px; padding:5px 0 70px 0; float:left; background-position:bottom center;}
.loginHint .hint_left{padding-top: 5px;}
/* REGISTER */
.regSteps {height:70px; width:auto; clear:both;}
#register {position:relative; left:-10px; z-index:1;width:373px;height:auto; padding:30px; display:inline-block; background-image:url('/img/citi/outline/opacity.png'); background-repeat:repeat; -moz-border-radius: 6px; webkit-border-radius: 6p; border-radius: 6px; behavior: url('/css/PIE.htc');}
#register_citi {position:relative; width:450px; height:auto; padding:30px; background-image:url('/img/citi/outline/opacity.png'); background-repeat:repeat; -moz-border-radius: 6px; webkit-border-radius: 6p; border-radius: 6px; behavior: url('/css/PIE.htc');}
#register_citi_step2 {position:relative; width:790px; height:auto; padding:30px; background-image:url('/img/citi/outline/opacity.png'); background-repeat:repeat; -moz-border-radius: 6px; webkit-border-radius: 6p; border-radius: 6px; behavior: url('/css/PIE.htc');}
.subTitle{color:#fff;font-family:Arial,Helvetica,sans-serif; font-size:16px; margin:0px; padding:0px;}
.get-started {position:relative; z-index:1; bottom:85px; left:20px; width:105px; display:block; cursor:pointer;text-decoration:none;}
.get-started2 {float:right; background:url('/img/citi/btn/btn-get-started.png') no-repeat; width:129px; height:32px; text-indent:-99999px; margin:0 0 10px -3px; display:block; cursor:pointer;}
#left_deals .get-started {bottom:30px; left:290px;}

/* PAGE STYLE */
#footer a {color:#ffffff; font-family:Arial,Helvetica,sans-serif; font-size:11px;}
hr {color: #9cb1c4; background-color: #9cb1c4; height: 1px; border:0px;}
.norton {width:128px; height:80px; position:absolute; bottom:0px; right:0px;}
.help_links {width:200px; padding:10px 0 11px 0;float:left;}
.TitleBtn {float:left;}
.whiteT {color:#ffffff; font-family:Arial,Helvetica,sans-serif; font-size:15px; margin:5px 0 5px 0; padding:0px;}
#ced {width:455px; height:140px; background:url('/img/citi/banners/variety_of_savings.jpg') no-repeat; margin:10px 0 15px 0 !important; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0px 3px 3px 0px #8e8e8e; box-shadow: 0px 3px 3px 0px #8e8d8d; behavior: url('/css/PIE.htc');}
#ced2 {width:455px; height:140px; background:url('/img/citi/banners/around_the_corner.jpg') no-repeat; margin:10px 0 15px 0 !important; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0px 3px 3px 0px #8e8e8e; box-shadow: 0px 3px 3px 0px #8e8d8d; behavior: url('/css/PIE.htc');}
#ced3 {width:455px; height:140px; background:url('/img/citi/banners/click_away.jpg') no-repeat; margin:10px 0 15px 0 !important; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0px 3px 3px 0px #8e8e8e; box-shadow: 0px 3px 3px 0px #8e8d8d; behavior: url('/css/PIE.htc');}
#ced4 {margin:0px; padding:0px; width:277px; height:40px; background:url('/img/citi/outline/1000_points.png') no-repeat;}
#ced5 {margin:0px; padding:0px; width:277px; height:35px; background:url('/img/citi/outline/earn10.png') no-repeat;}
#ced6 {margin:0px; padding:0px; width:277px; height:75px; background:url('/img/citi/outline/over_300_deals.png') no-repeat;}
#ced7 {margin:0px; padding:0px; width:277px; height:101px; background:url('/img/citi/outline/low_price_guarantee.png') no-repeat;}
#left_deals .divider {width:459px; height:33px; background:url('/img/citi/outline/divider.jpg') no-repeat; margin-top:33px;}
.divider2 {width:277px; height:2px; background:url('/img/citi/outline/divider2.jpg') no-repeat; margin:20px 0 25px 0;}
.citi_easy_deals { 
	position: absolute; 
	z-index: 5;
	color: #ffffff;
	top: 12px;
	left: 0px;
	padding: 21px 0 0 10px;
	margin: 0 auto 0 auto;
	width: 900px;
	height: 49px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 26px;
	background-image: url('/img/citi/outline/citi_easy_deals_bg.jpg');
	background-repeat: repeat-x;
	background-position: top left;
	background: -moz-linear-gradient(#ffaf04, #e28200) repeat scroll 0 0 transparent;
	-webkit-box-shadow: 0px 3px 3px 0px #8e8e8e;
	box-shadow: 0px 3px 3px 0px #8e8d8d;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	behavior: url('/css/PIE.htc'); }
.citi_easy_deals .lft { margin-left: 15px; }

.citi_easy_deals .learnmore {
position: absolute;
width: 128px;
height: 46px;
margin-top: -7px;
margin-left: 45px;
background:url('/img/citi/outline/learnmore_btn.png') no-repeat; }

.citi_easy_deals .bit { position: absolute; height: 100%; margin-top: -21px; margin-left: 30px; width: 1px; background-color: #ffb602; }
.citi_easy_deals .bitt { position: absolute; height: 100%; margin-top: -21px; margin-left: 31px; width: 1px; background-color: #e88a02; }

/* REGISTER STYLES */
.field {width:auto; height:auto;}
.field_holder {margin:0 auto 10px auto; clear:both; position: relative; height: 34px;}
.field_holder_step2 {width:200px; border-right:1px solid #ccc; height: 125px; float:left;}
.field_holder_step2Password {width:170px; padding:0 25px 0 25px; border-right:1px solid #ccc; height: 125px; float:left;}
.field_holder_step2Question {width:335px; padding:0 0 0 29px; height: 125px; float:left;}

.field_holder_step2Password .field .tip, .field_holder_step2Password .field label {width:150px;}
#email, #cemail, .field_holder_step2 .field label {width:200px;}
#Promos, #agree, #agree2 {width:15px; float:left; border:none !important; margin:0 5px 0 0; padding:0px;}

.field .checkbox-content {width:auto; color:#fff; margin:0px; padding:0px 0 0 0px;}
#email_info .checkbox-content {width:auto; color:#fff; margin:0px; padding: 0 }
#email_info label {text-align: left;  position: static; width: 637px !important; *width: 660px !important; /*ie7 fix */}
#email_info input{float: left;text-align: left; margin: 0px; width: 15px;  float: left;  border: none !important;  margin: 0 5px 0 0;  padding: 0px;}

#SecQuestionAnswer {width:320px;}
#memberID {float:left; width:160px;}
#reg {font-family:Arial,Helvetica,sans-serif; font-size:10px;}
.register_title {color:#fff; font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:21px; margin:0px; padding:0px;}
.register_title_tier {color:#fff; font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:21px; margin:0px; padding:0px;}
.steps {color:#fff; font-size:12px; font-weight:lighter; float:left; padding:0px; margin:0 0 15px 0; clear:both;}
.required {color:#fff; font-size:10px; font-weight:normal; float:left; padding:0px; clear:both;}
.formHolder {position:relative;}
.formHolder label {color:#fff; padding-left:2px; text-align: left; font-size: 12px; z-index: 1;}
.formHolder label.secQuestion {width:200px; color:#fff; font-size:12px; padding:0px;}
.formHolder #SecQuestion, .formHolder #SecQuestion:hover {font-size:12px; margin:2px 0 0 0;  display:block; bottom:0; left:0; width:335px; border-radius:6px;}
.formHolder #SecQuestion {padding-left:0px;margin-top:2px; height: 33px}
.formHolder .field.dropdown{ padding:0px; margin:0px; position:relative;}
.formHolder a {color:#fff;}
.formHolder .field_holder .field {float:left;}
.formHolder .field_holder.memberid {width: 470px;}
.formHolder .field_holder.memberid .field.memberid {width: 255px;}
.field_memberID {margin:0 30px 10px 0; float:left;}
.formHolder .field input, #tbl-contact-form input[type="text"] {font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#75757; border:#ccc 2px solid;  display:inline; width:150px; height:12px; padding:7px 5px 7px 5px; margin:3px 10px 3px 0px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: relative;}
.formHolder .field select {color:#999; border:#ccc 2px solid; margin:14px 0 0 0; padding:8px; width:200px; font-family:Arial,Helvetica,sans-serif; font-size:11px; }
.formHolder .field select.expand{width:auto; position:absolute; left:147px;}
.formHolder .field input:focus, .formHolder .field select:focus {border:#ccc 2px solid;}
.formHolder .field .invalid, .formHolder .field .invalidMask {border:#7c2321 2px solid !important; background:#ffd4cc;}
.formHolder .field #user1, .formHolder .field #user2 {width:65px; margin: 3px 3px 3px 0;}
.formHolder .buttons {padding:0px; margin:10px 0px; position:relative;}
.formHolder .buttons a.cancelReg{display:block; font-size:10px; position:absolute; right:0; top:30px;}
.formHolder .or {background:url('/img/citi/outline/or.png') no-repeat; width:21px; height:21px; display:block; margin:7px 10px 0 0; float:left;}
.formHolder .seperator {background:#f5fbff; border:#ccdbe7 1px solid; height:1px; margin:15px 0;}
.formHolder .areadyRegistered{display:block; font-size:12px; color:#FFF; margin:10px 0 0;}
.loginActions {padding:0 0 15px 97px; text-align:left; color:#7897a8;}
.loginActions a {color:#7897a8 !important;}
.QAmemberID {position:absolute; top:6px; right:13px; background:url('/img/citi/outline/question_green.png') no-repeat transparent; width:60px; height: 28px; color:#fff; font-size:10px; cursor: pointer; padding:0 0 0 15px;}
.memberTip {display: none; background:url('/img/citi/outline/citi_details_img.png') no-repeat; width:427px; height:223px; position: relative; bottom: 99px; left: 462px; z-index:1001;}
#login {position:absolute; top:16px; right:15px; z-index:1; background:url('/img/citi/btn/login_back.png') no-repeat; width:89px; height:32px;}
.continue-register {width:88px; text-decoration:none; cursor:pointer;}
.complete-registration {width:97px; margin:0 auto; cursor:pointer;}


#passwordStrength{font-size:11px; color:#FFF; width:160px; display:none;}
#passwordStrength .resultBar{background:#767676; height:7px;}
#passwordStrength .resultBar .filler{height:7px;}
#passwordStrength .resultBar .filler.weak{background:#ed1c24;}
#passwordStrength .resultBar .filler.medium{background:#e38400;}
#passwordStrength .resultBar .filler.strong{background:#36d72e;}

/* ERROR */
#error {color:#ec020b; margin-bottom:12px;}
#errorsWrapper {text-align:center; position:relative; top:30px;}
#errorsWrapperLogin{text-align:center; width:250px;}
#errors {display:none; }
#lowpriceGuarantee {display:none; padding:10px; width:700px; height:500px; overflow: auto;}
#errors .ok {margin:0 auto 0 auto; background:url('/img/citi/btn/btn_login_ok.png') no-repeat; width:69px; height:31px; display:block; text-indent:-9999px; cursor:pointer;}
#errors h3 {color:#666666; margin:0; padding:0 0 20px 0;}
#errorList,#errorListLogin {padding:0 0 10px; text-align:center; width: 100%; margin:0}
#errorListLogin li{list-style:none;}
#errorList li {margin-bottom:5px; padding:0px; font-weight:normal; text-align:center; width: 100%; color: #fff; font-size: 13px; width:90%; text-align: left; -moz-border-radius: 6px; border-radius:5px; margin: 3px; padding: 5px 0px 5px 33px; background:#791f1e url("/img/citi/outline/info-icon.png") 10px 5px no-repeat; display:block; position: relative; behavior: url('/css/PIE.htc'); *-pie-poll: true; }
#errorList li em{float:none; position: relative; display:block; padding:0; color:#FFF; font-style:normal;}

#ocBox .body{height:auto;}

#container.modContactLayout  {width: 725px;}
#container.modContactLayout  #contact-form-holder {width:500px;margin: 0 auto;}
#container.modContactLayout .panel .title {display:none;}
#container.modContactLayout #contentWrap {width:auto;background: #edf1f3;border-radius:5px;text-align:left;}
#container.modContactLayout  .headerOut #head {width:auto;background:none;border:none;border-radius:none;behavior:none;box-shadow:none;}
#container.modContactLayout .panel {width:675px;text-align:left;padding-top:20px;}
#container.modContactLayout  h2 {display: block;font-size: 1.4em;font-weight: bold;padding: 20px 0 0 30px;color: #666;margin: 10px 0 0;}
#container.modContactLayout div.errorcontainer {display: none;}
#ocBox #container.modContactLayout .content-box-two a:link {color: #2269b6;text-decoration: none;}
#container.modContactLayout  #tbl-contact-form .text {text-align: right;vertical-align: middle;}
#container.modContactLayout span.red {color:#ff0000;}
#container.modContactLayout #tbl-contact-form td {padding: 2px;}
#container.modContactLayout #tbl-contact-form td textarea#contact-comment {width: 300px;height: 100px;}

/* OVERRIDE FOR REG TEST */
.NEWREG #wrapper {background:none;}
.NEWREG #register_citi_step2 {width:auto;}
.NEWREG .steps {margin:15px 0px 5px 0px;}
.NEWREG .complete-registration  {width:auto;}
.NEWREG .regSteps {height:auto;}
.NEWREG .formHolder .field input {width:100%;}
.NEWREG #SecQuestionAnswer, .NEWREG #SecQuestion, .NEWREG .formHolder .field.dropdown {width:100%}
.NEWREG .register_body_citi_t1 .formHolder #SecQuestion {  top: 4px; border: none; outline: none; *height: 20px; *padding: 5px 0; *width: 345px }
.NEWREG .register_body_citi_t1 .formHolder .field.dropdown { *padding: 5px 0 0 0; *background: none; *border: none; *width: 345px; *margin: 0 }							   
.NEWREG #footer { background:none; }
.NEWREG .log-in { background: url('/img/citi/btn/btn_CED_home.png') no-repeat; width: 160px;}
.NEWREG .loginHint { visibility:hidden; }
.NEWREG #steptwo {width:40%; border-right:1px solid white; padding-right:45px;}
.NEWREG .register_body_citi_t1 #steptwo { float: left }
.NEWREG .register_body_citi_t1 .about-savings { float: right; width: 435px; padding: 0 0 5px 20px; margin: 0; color: #fff; font-size: 14px; border-left: 1px solid white; margin: -17px }
.NEWREG .register_body_citi_t1 .about-savings h6 { font-size: 14px; color: #fff; padding: 0; margin: 0 }
.NEWREG .register_body_citi_t1 .about-savings ul { list-style-type: disc; width: 335px; padding: 0 0 0 25px }
.NEWREG .register_body_citi_t1 .about-savings ul li { padding: 5px 0 }
.NEWREG .register_body_citi_t1 .registerBelow { font-size:15px; color:white; float:left; margin:25px 0px -22px 5px; font-weight:bold; }

.NEWREG .register_body_citi_t1 #email, .NEWREG .register_body_citi_t1 #cemail, .NEWREG .register_body_citi_t1 .field_holder_step2 .field label, .NEWREG .register_body_citi_t1 { width: 100% }
.NEWREG .register_body_citi_t1 .formHolder .field input, .NEWREG .register_body_citi_t1 #tbl-contact-form input[type="text"] { margin: 5px 10px 5px 0 }

.NEWREG .register_body_citi_t1 .formHolder label.checkbox-content, .NEWREG .register_body_citi_t1 #email_info .checkbox-content { width: 250px; position: relative; margin-bottom: 5px; font-size: 11px; padding: 0; color: #fff }
.NEWREG .register_body_citi_t1 #steptwo { border: none; padding-right: 0 }

.NEWREG .register_body_citi_t1 #email_info label { width: 250px !important; padding: 0; margin: 0 }

.NEWREG .register_body_citi_t1 .formHolder label { font-size: 11px; color: #666; padding: 12px 0 0 7px; width: auto; }
.NEWREG .register_body_citi_t1 .steps { font-size: 11px; margin: 25px 0 0 5px }
.NEWREG .register_body_citi_t1 .clear_divider_reg { height: 5px }

.NEWREG .register_body_citi_t1 .apply-now { color: #fff; font-size: 11px; margin-top: 15px }

.NEWREG .register_body_citi_t1 .btn { padding: 5px 30px 5px 16px }

.NEWREG .register_body_citi_t1 .formHolder .field.dropdown {
	color: #888; top: 0; left: 0; text-indent: 10px; cursor: default;
	z-index: 1;	padding: 0 5px 0 5px; margin: 3px 10px 3px 0px; border: #CCC 2px solid;
	background: white url('/img/ui/selectbox_bg.png') top right no-repeat; 
	-moz-border-radius: 6px; border-radius: 6px; -pie-poll: true; behavior: url('/css/PIE.htc');
	overflow: hidden; height: 26px;
}

.NEWREG .register_body_citi_t1 .formHolder .field.dropdown select { border: none; background: transparent;  }

.NEWREG .register_body_citi_t1 .formHolder #SecQuestion, .NEWREG .register_body_citi_t1 .formHolder #SecQuestion:hover {
	height: 14px;
    border: none;
    line-height: 14px;
    bottom: 6px
}

.NEWREG .register_body_citi_t1 .formHolder select#SecQuestion::-ms-expand {
    display: none;
}

.NEWREG .register_body_citi_t1 .formHolder #SecQuestion, .NEWREG .register_body_citi_t1 .formHolder #SecQuestion:hover { width: 370px; padding-right: 45px; padding: 0 }
.NEWREG .register_body_citi_t1 .formHolder #SecQuestion.show-hint { color: #666 }

.reg.NEWREG #logo { width: 200px }
.reg.NEWREG .ssoText { display: none }
.reg.NEWREG a.home-button { 
	position: absolute;
	text-decoration: none;
	font-size: 10px;
	
	border: none; padding:5px 30px 5px 16px; text-indent: 0px; color:#fff!important; font-family:Arial; text-shadow:0px -1px 0px #999; font-weight:bold; text-align: center;
	position:relative;
	/*Border Radius*/
	-moz-border-radius:3px; border-radius: 3px;
	/*Box Shadow*/
	-moz-box-shadow: #666 0px 1px 2px; box-shadow: #666 0px 1px 2px;
	/*Backgound Gradient*/
	background:url('/img/citi/buttons/btn-arrow.png') no-repeat 100%  50%, -webkit-gradient(linear, 0 0, 0 bottom, from(#52C2E7), to(#0164A7));
	background:url('/img/citi/buttons/btn-arrow.png') no-repeat 100%  50%, -webkit-linear-gradient(#52C2E7, #0164A7);
	background:url('/img/citi/buttons/btn-arrow.png')  no-repeat 100% 50%, -moz-linear-gradient(#52C2E7, #0164A7);
	background:url('/img/citi/buttons/btn-arrow.png')  no-repeat 100%  50%, -ms-linear-gradient(#52C2E7, #0164A7);
	background:url('/img/citi/buttons/btn-arrow.png')  no-repeat 100%  50%, -o-linear-gradient(#52C2E7, #0164A7);
	background:url('/img/citi/buttons/btn-arrow.png')  no-repeat 100%  50%, linear-gradient(#52C2E7, #0164A7);
	-pie-background: url('/img/citi/buttons/btn-arrow.png') no-repeat 100% 50%, linear-gradient(#52C2E7, #0164A7);
	behavior: url(/css/PIE.htc);
	overflow: visible; /*For IE 7*/
	left: 50%;
	margin: 0 0 0 310px;
	top: -45px;
	z-index: 1001
}

.NEWREG .register_body_citi_t1 .balance { width: 100%;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#52C2E7), to(#0164A7));
	background: -webkit-linear-gradient(#52C2E7, #0164A7);
	background: -moz-linear-gradient(#52C2E7, #0164A7);
	background: -ms-linear-gradient(#52C2E7, #0164A7);
	background: -o-linear-gradient(#52C2E7, #0164A7);
	background: linear-gradient(#52C2E7, #0164A7);
	-pie-background: linear-gradient(#52C2E7, #0164A7);
	behavior: url(/css/PIE.htc);
	font-family: Arial; text-shadow: 0px -1px 0px #999; text-align: center;
	color: #fff;
	padding: 10px 0;
	-moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;
}

.NEWREG .register_body_citi_t1 .balance .bigger { font-size: 26px; padding: 0 0 5px 0 }
.NEWREG .register_body_citi_t1 .balance .bigger span.points { font-weight: bold }
.NEWREG .register_body_citi_t1 #register_citi_step2.no-upper-radius { -moz-border-radius:  0 0 6px 6px; border-radius: 0 0 6px 6px; }
.NEWREG .register_body_citi_t1 input:focus, .NEWREG .register_body_citi_t1 select#SecQuestion:focus { outline: none }

.tierUser #register_holder {width:890px; height:auto; padding:40px 35px 0px 35px; margin:0 auto 45px auto; position:relative;}
.tierUser #register {z-index:1;width:373px;height:200px;}
.tierUser .notCardHolder {position:relative;top:25px;color:#fff;font-size:16px;}
.tierUser .log-in.sso {width: 127px;height:43px; top:0px; right: -127px; float:none; background:url('/img/citi/btn/btn_sign_on_new.png') no-repeat; background-size: 71%;}
.tierUser .get-started {bottom:87px;}


/* TIERS SITE MEDIA */
#tierContainer {width:885px; height:auto; display:inline-block; margin:0 auto; padding:0px 50px 15px 50px; border-radius:5px; background: #e7ecf2; position:relative; left:-46px;}
#tierContainer h1{text-align:center; font-family: arial; font-size: 36px; font-weight:normal; color: #333; padding-top:20px;}
#tierContainer h2{margin:0; font-family: arial; font-size: 25px; font-weight:normal; color: #666;}
#tierContainer ul {margin: 10px 0px; padding:0px;}
#tierContainer ul li{display:inline; float:left; padding:22px 20px; width:243px; height:400px; background: #fff; margin-right:18px;border-radius: 6px;box-shadow: #999 0px 2px 8px;}
#tierContainer ul li:last-child{margin-right:0px;} 
#tierContainer ul li div.textContent{height:165px;}
#tierContainer ul li h3.text1{display: block; font-family: arial; font-weight:bold; font-size: 26px; color: #002D72; line-height: normal; margin: 0px;}
#tierContainer ul li span.text2{display: block; font-family: arial; font-size: 14px; line-height:22px; color: #333333;}
#tierContainer ul li span.text3{display: block; font-family: arial; font-weight:bold; font-size: 13px; line-height:22px; color: #717171;}
#tierContainer .shadow {background: url("/img/citi/outline/divider.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 20px; margin: 25px auto 0; width: 500px;}
#tierContainer h3 b {margin-top:10px;}
#tierContainer .bottomText{display: block; float:left; font-family: arial; font-size: 14px; color: #717171; margin:20px 0 0 0;}
#tierContainer .bottomText .footer {margin-top:10px; color:#000000;}
/*\ END TIERS SITE MEDIA */
.tierReg label.checkbox-content-terms {margin-top: -12px;}

label.aboveLabel {
	display: initial;
	font-weight: normal;
}