html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox. They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}

#cboxTopLeft{width:14px; height:14px;}
#cboxTopCenter{height:14px;}
#cboxTopRight{width:14px; height:14px;}
#cboxBottomLeft{width:14px; height:43px;}
#cboxBottomCenter{height:43px;}
#cboxBottomRight{width:14px; height:43px;}
#cboxMiddleLeft{width:14px;}
#cboxMiddleRight{width:14px;}
#cboxContent{background:#fff; overflow:visible;}

#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingGraphic{background:url(../images/colorbox_loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}

.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}


/* MAKE CCN IMAGE IN LIGHTBOX RESPONSIVE */
#ccn-on-mail img {
	background:url(../images/ccn.jpg) no-repeat center center;
	width: 360px;
	height: 111px;
}
.jq-dropdown{position:absolute;z-index:1039;display:none}.jq-dropdown .jq-dropdown-menu,.jq-dropdown .jq-dropdown-panel{min-width:160px;max-width:360px;list-style:none;background:#fff;border:solid 1px #ddd;border-radius:4px;box-shadow:0 5px 10px rgba(0,0,0,.2);overflow:visible;padding:4px 0;margin:0}.jq-dropdown .jq-dropdown-panel{padding:10px}.jq-dropdown.jq-dropdown-tip{margin-top:8px}.jq-dropdown.jq-dropdown-tip:before{position:absolute;top:-6px;left:9px;content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ddd;display:inline-block}.jq-dropdown.jq-dropdown-tip:after{position:absolute;top:-5px;left:10px;content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;display:inline-block}.jq-dropdown.jq-dropdown-tip.jq-dropdown-anchor-right:before{left:auto;right:9px}.jq-dropdown.jq-dropdown-tip.jq-dropdown-anchor-right:after{left:auto;right:10px}.jq-dropdown.jq-dropdown-scroll .jq-dropdown-menu,.jq-dropdown.jq-dropdown-scroll .jq-dropdown-panel{max-height:180px;overflow:auto}.jq-dropdown .jq-dropdown-menu li{list-style:none;padding:0 0;margin:0;line-height:18px}.jq-dropdown .jq-dropdown-menu label,.jq-dropdown .jq-dropdown-menu li>a{display:block;color:inherit;text-decoration:none;line-height:18px;padding:3px 15px;margin:0;white-space:nowrap}.jq-dropdown .jq-dropdown-menu label:hover,.jq-dropdown .jq-dropdown-menu li>a:hover{background-color:#f2f2f2;color:inherit;cursor:pointer}.jq-dropdown .jq-dropdown-menu .jq-dropdown-divider{font-size:1px;border-top:solid 1px #e5e5e5;padding:0;margin:5px 0}/* ---------- this fonts are required in all brands by 5 Digit Pin sections ---------- */
@font-face {
  font-family: "ZemestroBk";
  src: url("../fonts/lm/f452a1f4-8f49-46ec-b6be-7a38d2ad9745.eot");
  src: url("../fonts/lm/f452a1f4-8f49-46ec-b6be-7a38d2ad9745.eot?#iefix") format("eot"),
       url("../fonts/lm/dc6003d3-208e-467f-9eee-9dca38e520ec.woff") format("woff"),
       url("../fonts/lm/81b0b57d-672f-4b38-8963-16eff7e7ff23.ttf") format("truetype"),
       url("../fonts/lm/f6c16684-d9c5-45aa-9277-388014ed3333.svg#f6c16684-d9c5-45aa-9277-388014ed3333") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* This is ZemestroBold File Font - Name is set to ZemestroMd so changes did have to be reflected through out style sheet. */
@font-face {
  font-family: "ZemestroMd";
  src: url("../fonts/lm/b1049edf-7cf3-45e5-88c3-c1219bb750b3.eot");
  src: url("../fonts/lm/b1049edf-7cf3-45e5-88c3-c1219bb750b3.eot?#iefix") format("eot"),
       url("../fonts/lm/8c6a7538-6855-47e3-b04f-c345d7eaddef.woff") format("woff"),
       url("../fonts/lm/c5bb5f3a-6765-4f0a-869c-ef88969e05af.ttf") format("truetype"),
       url("../fonts/lm/5e7d57e7-c823-4ee8-9016-665c4f5daaf0.svg#5e7d57e7-c823-4ee8-9016-665c4f5daaf0") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* ---------- GLOBAL ---------- */
body {
	margin: 0;
	font-family: Verdana, Arial, Trebuchet, "Trebuchet MS", Helvetica,
		sans-serif;
	font-size: 100%;
	background: #000;
	width: 100%;
}

a {
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

p,li {
	margin-bottom: 1em;
	font-size: 14px;
	line-height: 1.3em;
}

h1 {
	font-size: 32px;
	color: #A0A0A0;
}

h4 {
	margin: 0 0 .7em 0;
	font-size: 1.6em;
	line-height: 1em;
}

small {
	font-size: 80%;
	line-height: 1em;
}

sup {
	font-size: 70%;
	vertical-align: top;
}

.caps {
	text-transform: uppercase !important;
}

.normal-case {
	text-transform: none !important;
}

.show {
	display: block !important;
}

.hide {
	display: none !important;
}

header {
	display: block;
	width: 90%;
	height: 50px;
	margin: 0 auto;
}

#wrapper {
	position: relative;
	/* Fixes CSSPIE Elements from being blocked */
	color: #a0a0a0;
	z-index: 1;
	padding-top: 40px;
	font-size: 12px;
}

#content-wrap,#footer-wrap {
	width: 100%;
	padding-bottom: 20px;
}

#content-wrap .error-box,#footer-wrap .error-box {
	display: inline-block;
	margin-top: 24px;
	margin-bottom: 12px;
	padding: 2px;
	width: 100%;
	background-color: #fff100;
}

#content-wrap .error-box p,#footer-wrap .error-box p {
	width: auto !important;
	min-height: 23px;
	padding: 10px 10px 10px 40px !important;
	color: #464646 !important;
	background: url(../images/error_exclamation.png) 10px 10px no-repeat;
	border: 1px solid #FFF;
	margin-bottom: 0;
	font-family: "ZemestroBk";
}

.fiveDigitPin .error-box p span.txt_warning span {
	font-size: 13px !important;
}
.fiveDigitPin .error-box p span.txt_warning span,
.fiveDigitPin .error-box p span.txt_warning strong {
	line-height: 20px;
}
.fiveDigitPin.enterPIN #content-wrap .error-box{
	margin-top: 5px;
}
#content-wrap .error-box p strong,#footer-wrap .error-box p strong {
	height: auto;
	text-transform: uppercase;
}

#content-wrap .error-box p .small-error,#footer-wrap .error-box p .small-error
	{
	display: block;
	padding-top: 5px;
}

#welcome h1 {
	text-align: center;
}

#welcome h1 a {
	text-decoration: none;
}

#welcome h1 a:hover {
	text-decoration: none;
}

#welcome h1 span {
	color: #fff;
}

#welcome p.note {
	padding-top: 2px;
	text-transform: none;
	text-align: center;
	font-size: 12px;
}

.content {
	max-width: 600px;
	margin: 14px auto 0;
	width: 96%;
}

.content h2 {
	display: inline-block;
	margin-top: 60px;
	padding-bottom: 10px;
	vertical-align: bottom;
	font-weight: normal;
	font-size: 22px;
}

.content h2.register {
	text-transform: none;
}

.content h2 span {
	display: block;
	float: left;
	line-height: 100%;
}

.content h2 span em {
	text-transform: none;
	font-style: normal;
	color: #c2c2c2;
}

.content .progress-bar+h2 {
	padding-bottom: 10px;
}

#panel {
	clear: both;
	margin: 0 auto;
	color: #e1e1e1;
	width: 100%;
}

#panel h3 {
	margin: 12px 0 12px;
	padding: 9px 0 9px;
	font-size: 16px;
	text-transform: uppercase;
	border-top: 1px solid #d1cfcf;
	border-bottom: 1px solid #d1cfcf;
	color: #d1cfcf;
}

#panel h3 a {
	padding-left: 10px;
	font-size: 11px;
	text-transform: none;
	float: right;
	padding-top: 3px;
}

#panel h3 p+p {
	padding-top: 15px;
}

#panel h3 p.footnote {
	clear: both;
	padding-right: 25px;
	padding-bottom: 10px;
	font-size: 11px;
	color: #a1a1a1;
}

#panel ol {
	margin-left: 22px;
}

#main {
	width: 100%;
	min-height: 250px;
	padding: 0 0 35px;
}

.login .content {
	max-width: 360px;
	width: 100%;
}

.login #main {
	padding-bottom: 0;
	background: transparent;
}

.login .callout .forgotpswd {
	padding: 17px 0 14px;
	text-align: right;
	width: 35%;
	float: right;
	font-size: 11px;
}

.login .callout .forgotpswd a {
	text-decoration: underline;
}

.login .form-row.username {
	margin-top: 14px;
}

.login .username .form-label,.login .password .form-label {
	float: left;
	display: block;
	font-size: 16px;
	line-height: 16px;
	height: 46px;
	max-height: 46px;
	min-height: 46px;
	width: 30%;
	border-radius: 8px 0 0 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 14px 12px 10px;
	margin: 0;
	background: #070707;
}

.ie8 .login .username .form-label {
	min-height: 21px;
}

.ie8 .login .password .form-label {
	min-height: 18px;
}

.ie7 .login .username .form-label,.ie7 .login .password .form-label {
	width: 20%;
	padding: 14px 5% 10px;
	height: 19px;
}

.login .password .form-label {
	border-radius: 0 0 0 8px;
	margin-top: 1px;
}

.login input#username,.login input#password {
	float: left;
	width: 70%;
	border-radius: 0 8px 0 0;
	margin: 0;
	height: 43px;
}

.ie7 .login input#username,.ie7 .login input#password {
	width: 59%;
	height: 19px;
	padding: 12px 5%
}

.login input#password {
	margin-top: 1px;
	border-radius: 0 0 8px 0;
}

.login .btn-holder button,.login .btn-holder input,.login .btn-holder a
	{
	margin: 0 auto;
	width: 284px;
}

.login .btn-holder a.sign-up {
	background: none;
	background-color: transparent;
	box-shadow: 0 0;
}

.login footer .privacyline {
	display: none;
}

.login footer .mailingline {
	display: block;
}

.create-login .btn-holder input {
	font-size: 18px;
}

#login #welcome h1 {
	padding-bottom: 0px;
	font-size: 37px;
}

#login-register-wrapper {
	overflow: hidden;
}
/*#login-register-wrapper input[type=submit],
  #login-register-wrapper button,
  #login-register-wrapper .callout {
    width: 100%; }*/
.callout .top {
	min-height: 60px;
	padding: 0;
	overflow: hidden;
}

.callout .callout-form {
	display: none;
	width: 294px;
	height: auto;
	margin: 0 auto;
}

.callout .callout-form .form-top {
	width: 100%;
	height: auto;
}

.callout #continue-button,.callout #login-button {
	clear: both;
	zoom: 1;
	margin-bottom: 24px;
}

.callout .required-note {
	position: relative;
	margin: 50px 0 0 -50px;
	text-transform: uppercase;
	text-align: center;
	font-size: 10px;
	color: #7a7979;
	background: transparent;
}

.callout .smoker {
	width: 280px;
	padding: 0 !important;
	font-size: 10px;
	font-weight: bold;
}

.callout .error-box {
	margin-right: 0;
}

.callout .error-box+.smoker {
	margin-top: 10px;
}

.callout .shadow {
	z-index: 1;
	position: relative;
	top: 2px;
	width: 100%;
	height: 70px;
	background: transparent url(../images/reflection_white.png) 0 0 repeat-x;
	border-radius: 15px 15px 0 0;
	-moz-border-radius: 15px 15px 0 0;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
}

.callout-here .callout-form {
	display: block;
}

.callout-here .btn-holder.show-form {
	display: none;
}

.callout-here .required-note {
	display: none;
}

#register-here {
	padding: 0;
	margin-bottom: 40px;
}

#register-here.callout {
	/*width:80%;
    margin-left:auto;
    margin-right:auto;
    margin-top:60px; */
	
}

#register-here.callout-here {
	/* padding-right: 40px; */
	
}

#register-here-form {
	width: 320px;
}

#register-here-form .optional-area {
	margin-bottom: 20px;
}

#sign-in-form .med-input {
	width: 220px;
}

#remember-me {
	padding: 5px 0 14px 0;
	width: 60%;
	float: left;
}

.btn-holder {
	width: 100%;
	margin: 0 auto 24px;
	display: block;
	padding: 0;
}

.btn-holder button,.btn-holder input,.btn-holder a {
	margin: 0;
	display: block;
	width: 240px;
	height: 40px;
	font-size: 24px;
	font-family: Verdana, Arial, Trebuchet, "Trebuchet MS", Helvetica,
		sans-serif;
	color: white;
	text-align: center;
	text-transform: uppercase;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: none;
	padding: 4px;
	cursor: pointer;
	background: #c4c4c4;
	text-decoration: none;
}

.btn-holder button:hover,.btn-holder input:hover,.btn-holder a:hover {
	color: white;
	text-decoration: none;
}

footer {
	font-family: Verdana, Arial, Trebuchet, "Trebuchet MS", Helvetica,
		sans-serif;
	display: block;
	width: 936px;
	padding: 0 0 80px;
	line-height: 11px;
	font-size: 10px;
	margin: 0 auto;
	color: #787878;
}

footer p,footer ul li,footer div {
	font-size: 10px;
	font-family: Verdana, Arial, Trebuchet, "Trebuchet MS", Helvetica,
		sans-serif;
}

footer a,footer a:hover {
	color: #787878;
	text-decoration: none;
}

footer nav {
	display: block;
	width: 100%;
	height: 36px;
	text-align: center;
}

footer ul {
	display: block;
	height: 24px;
	margin: 0 auto;
	width: 900px;
}

footer ul li {
	display: inline-block;
	padding: 0;
	list-style: none;
}

footer ul li+li {
	border-left: 1px solid #787878;
	margin-left: 7px;
	padding-left: 9px;
}

footer .copyrights {
	/* width: 777px; */
	margin: 0 auto;
	text-align: center;
	display: block;
	text-transform: uppercase;
}

footer .privacyline,.fiveDigitPin footer .mailingline {
	display: block;
}

footer .mailingline, .fiveDigitPin footer .privacyline {
	display: none;
}

#disclaimer {
	display: block;
	height: auto;
	margin: 0 auto 20px;
	padding: 14px;
	font-size: 12px;
	line-height: 18px;
	border-bottom: 1px solid #2f2f2f;
}

#disclaimer a {
	color: #bbb8b4;
}

#disclaimer p {
	text-align: center;
}

#help {
	margin-top: 2px;
	padding: 96px 0 15px;
	line-height: 100%;
	text-align: center;
	background: transparent url(../images/reflection_white.png) 0 0 repeat-x;
	border-radius: 15px 15px 0 0;
	-moz-border-radius: 15px 15px 0 0;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
}

/* ----------- Login/Register Callouts ------------ */
/* --------- Login/Register Callout Forms --------- */
.login #help {
	display: none;
}

.callout a {
	text-decoration: none;
}

.callout .top strong.rightarrow,.callout .top strong.rightarrow a {
	height: 25px;
	padding-left: 3px;
	font-size: 18px;
	font-weight: normal;
}

.callout .top strong.right-arrow {
	display: block;
	margin-left: 0;
}

.callout .top strong.right-arrow:before {
	content: "\25BA";
	font-size: 14px;
}

.callout .top strong.right-arrow a,.callout .top strong.right-arrow span
	{
	padding-left: 5px;
}

.callout .top h3 {
	margin-left: 0;
}

.callout .top h3+p {
	font-size: 14px;
	margin-bottom: 2em;
	line-height: 1.4em;
}

.callout .top h3,.callout .top h3 a {
	display: block;
	line-height: 1em;
	font-weight: bold;
	font-size: 18px;
	color: #fff;
	margin-bottom: 6px;
}

.login .callout .top h3 {
	margin: 0 auto 10px;
	width: 284px
}

.login .callout .top h3+p {
	font-size: 14px;
	margin: 0 auto 2em;
	width: 284px;
	line-height: 1.25em;
	text-align: justify;
}

.extra .cust_num a {
	display: inline;
	margin-left: 10px;
}

#tech-disclaimer {
	z-index: 5;
	position: absolute;
	width: 830px;
	margin-top: -35px;
	padding: 0 60px;
	line-height: 1.3em;
	text-align: center;
	text-transform: uppercase;
	color: #DDD;
}

#current-address-section p {
	font-size: 16px;
	color: #c5c2c2;
}

/* ----------------- Progress Bar ----------------- */
.progress-bar {
	margin-top: 36px;
}

.progress-bar ul {
	display: block;
	height: 41px;
	margin: 0;
}

.progress-bar li {
	display: block;
	float: left;
	padding: 0;
	text-transform: uppercase;
	color: #666;
}

.progress-bar li.enter-info,.progress-bar li.create-profile {
	max-width: 244px;
	width: 33%;
}

.progress-bar li.verify-info {
	max-width: 242px;
	padding-left: .25%;
	padding-right: .25%;
	width: 33%;
}

.progress-bar li h4 {
	height: 20px;
	margin: 0;
	padding: 0;
	line-height: 20px;
	color: #666;
	text-align: center;
	font-weight: normal;
	font-size: 12px;
}

.progress-bar li.verify-info .status-bar {
	width: 33%;
}

.progress-bar li.verify-info .verifyInfoBar1 {
	padding-left: 1%;
}

.progress-bar li.verify-info .verifyInfoBar2 {
	width: 33%;
}

.progress-bar li.verify-info .verifyInfoBar3 {
	width: 33%;
}

.progress-bar .status-bar {
	display: block;
	float: left;
	width: 50%;
	height: 18px;
	padding: 1px 0;
	font-size: 7px;
}

.progress-bar .status-bar+.status-bar {
	width: 50%;
}

.progress-bar .status-bar span {
	display: block;
	height: 12px;
	background-color: #000;
}

.progress-bar .status-bar.enterInfoBar1 span {
	border-radius: 6px 0 0 6px;
}

.progress-bar .status-bar.createProfileBar2 span {
	border-radius: 0 6px 6px 0;
}

.enterInfo1 .enter-info h4,.enterInfo2 .enter-info h4,.verifyInfo1 .verify-info h4,.verifyInfo2 .verify-info h4,.verifyInfo3 .verify-info h4,.createProfile1 .create-profile h4,.createProfile2 .create-profile h4
	{
	color: #D8D8D8;
}

.enterInfo1 #address-form .form-row:first-child {
	margin-bottom: 16px;
}

/* ----------------- Side Alert ------------------- */
.sideAlertWrap {
	width: 100%;
	margin: 0 auto;
	height: auto;
}

.sideAlertWrap .sideAlert {
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

.sideAlertWrap .sideAlert p {
	width: auto;
	margin: 0;
	padding: 0;
	line-height: 1.1em;
}

.sideAlertWrap .sideAlert p+p {
	padding-top: 5px;
}

.sideAlertWrap .sideAlert h4 {
	white-space: nowrap;
}

.sideAlertWrap .sideAlert ul,.sideAlertWrap .sideAlert li {
	margin-bottom: 0;
	list-style-type: none;
}

.register .sideAlertWrap {
	margin: 0 0 16px !important;
}

.sideAlert {
	padding: 15px;
	color: #555;
	border: 1px solid #CCCACB;
	background-color: #FCFAFB;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfafb),
		to(#f1eeec));
	background-image: -webkit-linear-gradient(top, #fcfafb 0, #f1eeec 100%);
	background-image: -moz-linear-gradient(top, #fcfafb 0, #f1eeec 100%);
	background-image: -ms-linear-gradient(top, #fcfafb 0, #f1eeec 100%);
	background-image: -o-linear-gradient(top, #fcfafb 0, #f1eeec 100%);
	background-image: linear-gradient(top, #fcfafb 0, #f1eeec 100%);
	-pie-background: linear-gradient(top, #fcfafb 0, #f1eeec 100%);
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

#helpAlertWrap {
	z-index: 4;
}

#helpAlertWrap .mid {
	width: 228px;
	padding: 5px 15px;
	color: #666;
	border: 1px solid;
	background-color: #ebebeb;
}

/* ----------------- Register Flow ---------------- */
/* ------ Short Form ------- */
.online-short .form-row .btn-holder {
	/* margin-top: 0;*/
	
}

p.disclaimer-short-form {
	font-size: 12px;
}

/* -------- Long Form ---------- */
#ssn-section .form-row+.form-row {
	padding-top: 20px;
}

#tobacco-usage-section .wide {
	padding-bottom: 10px !important;
}

#tobacco-usage-section p {
	margin-top: 10px;
	margin-bottom: 4px;
	padding-bottom: 0 !important;
}

#e-signature-section {
	padding-bottom: 20px;
}

#e-signature-section ul {
	padding: 1px 0 30px 17px;
}

#e-signature-section li {
	padding-top: 2px;
	margin: 0;
	font-size: 1em;
}

.online-long .form-row .btn-holder {
	margin-top: 0;
}

/* ------- Verify Info -------- */
/* #email-address-section p {
  width: 100%; } */

/* ------- Quiz -------- */
.quiz #panel {
	padding-top: 20px;
}

.quiz .quiz-row {
	padding-top: 20px;
}

.quiz .quiz-row div>div {
	margin-top: 12px;
}

/* -------- SSN9 --------- */
.ssn9 .form-row .btn-holder {
	margin-top: 0;
}

/* ---- Create Login Form ---- */
#create-login-form .med {
	width: 180px;
}

.create-login .form-row .btn-holder {
	margin-top: 0;
}

/* ------------------ Email Module ---------------- */
#email-module #confirm-email-note {
	margin: 15px 0 0 0;
}

#email-module #confirm-email-note+p {
	padding-top: 15px !important;
}

/* ------------------- Tobacco Usage ----------------- */
.usage-section {
	padding: 0 0 20px 20px;
}

.usage-section .form-row+.form-row {
	padding-top: 15px;
}

.usage-section .form-row p {
	padding-bottom: 2px !important;
}

/* -------------- Waiting Page ---------------- */
.waiting #panel {
	height: 250px;
	margin: 0;
	padding-top: 50px;
}

.waiting #panel p {
	text-align: center;
	font-size: 13px;
}

#spinner {
	height: 75px;
	margin-top: 30px;
	overflow: hidden;
}

/* ----------- Forgot Login/Password -------------- */
.forgot-option-wrapper {
	padding-top: 10px;
}

.forgot-option {
	float: left;
	width: 200px;
	padding-top: 10px;
}

.forgot-option strong {
	display: block;
	font-weight: normal;
	font-size: 16px;
}

.forgot-or {
	float: left;
	width: 80px;
	padding-top: 25px;
	font-size: 16px;
	width: 160px;
	text-align: center;
}

.forgot-form p {
	padding-bottom: 10px;
}

.forgot-form .forgot-username-link {
	padding: 34px 0 0 35px !important;
}

#forgot-by-address h4 {
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: normal;
}

#forgot-by-address p.footnote {
	padding-bottom: 0 !important;
}

#forgot-password-forgot-login {
	display: inline-block;
	min-width: 100px;
	padding-top: 20px;
	line-height: 30px;
}

#password-reset-form .form-row {
	padding-bottom: 5px;
}

.view-login #panel {
	overflow: hidden;
}

.view-login #panel form {
	float: left;
	padding-right: 15px;
}

/* ----------- Security Question ------------ */
#update-security-question-header {
	padding-bottom: 25px;
}

#update-security-question-form {
	padding-top: 10px;
}

#update-security-question-form .btn-holder {
	margin-top: 25px;
}

#securityQuestion {
	font-size: 12px !important;
	line-height: 20px !important;
}

/* ------- Remove From Mailing List ------------ */
#select-mailing-list {
	padding-bottom: 15px;
}

#select-mailing-list input.radio {
	margin-left: 10px;
}

#remove-me-ccn {
	padding-top: 15px;
}

/* ------------ Accordion Survey --------------- */
.survey-section {
	padding-top: 10px;
}

.survey-section .survey-form {
	padding-left: 0;
}

.survey-section .form-row {
	padding-top: 15px;
}

.survey-section .form-row div.radio {
	text-align: center;
	width: 26%;
	float: left;
}

.survey-section .grid-5 .form-row div.radio {
	width: 16%;
}

.survey-section .grid-6 .form-row div.radio {
	width: 13%;
}

.survey-section .form-row p {
	width: auto;
	padding-bottom: 3px !important;
	font-weight: bold;
}

.survey-section .form-row p small {
	font-weight: normal;
}

.survey-section .form-row .btn-holder {
	margin-top: 0;
}

.survey-section .form-row .btn-holder #continue {
	font-size: 24px;
	display: inline-block;
	padding-left: 15px;
	padding-right: 15px;
}

.survey-section-active {
	padding-bottom: 20px;
}

#panel .survey-section h3 {
	margin-bottom: 0;
	padding: 5px 0 5px 8px;
	text-transform: none;
	font-size: 12px;
}

#panel .survey-section h3 span {
	display: none;
	padding-left: 10px;
	font-weight: normal;
	font-size: 11px;
	color: #666;
}

#panel .survey-section h3 span a {
	padding-left: 5px;
}

#panel .survey-section-inactive h3 {
	color: #666;
}

#panel .survey-section-complete h3 {
	color: #00921f;
}

#panel .survey-section-complete h3 span {
	display: inline-block;
	padding-left: 26px;
	text-indent: -9999px;
	background: url(../images/survey_check.png) 10px 0 no-repeat;
}

#panel .survey-section-editable h3 span {
	display: inline;
}

.survey-section-inactive .survey-form {
	display: none;
}

#skip-survey {
	clear: both;
	float: right;
	margin-top: 10px;
	padding-right: 10px;
	background: none;
	border: none;
	cursor: pointer;
}

.survey-error {
	margin-bottom: 5px;
	padding: 5px 10px;
	font-weight: bold;
	color: #C80400;
	background: #FFFFD4;
	border: 1px solid #FED33D;
}

.survey-grid-header {
	padding: 5px 0 5px 20%;
	text-transform: uppercase;
	background: #DFDFDF;
	overflow: hidden;
}

.grid-5 .survey-grid-header span {
	width: 20%;
}

.survey-grid-header span {
	float: left;
	width: 33%;
	font-size: 9px;
	text-align: 9px;
	text-align: center;
	color: #171717;
}

.survey-grid-header span.survey-header-line {
	height: 15px;
	border-bottom: 1px solid #000;
}

.survey-grid .form-row p {
	padding: 15px 0 5px 0 !important;
}

.survey-grid .form-row span {
	float: left;
	width: 20%;
	font-weight: normal;
}

.survey-grid .form-row input {
	width: 19px;
	margin: 0 auto;
	padding: 0;
}

.survey-grid .form-row label {
	display: none;
}

.grid-3 {
	width: /*350px;*/ 100%;
}

.grid-3 .survey-grid-header {
	padding-left: 20%;
}

.grid-3 .form-row span {
	width: /*105px*/ 20%;
}

#survey-complete strong {
	font-size: 14px;
}

/*@media only screen and (min-width: 767px) and (max-width: 768px) and  (orientation : portrait),only screen and (min-width: 942px) and (max-width: 943px) and  (orientation : portrait){
	
	#content-wrap {
		zoom:1.3;
	}
	}

/*
.survey-grid-header {
	position:relative;
}
	
.survey-grid-header span {
	width: 20%;
}

.survey-grid-header span.info {
	display:none;
}


	
}	
@media (max-width: 610px){
	
	.survey-grid .form-row input {
		margin-right: 1.3%;
		margin-left: 2.9%;
	}
	
}	

@media (max-width: 400px){
	
	.survey-grid .form-row input {
		margin-right: 1.3%;
		margin-left: 1.9%;
	}
	
	
}	

@media (max-width: 360px){
	.survey-grid-header {
		position:relative;
	}
	
	.survey-grid-header span {
		width: 40%;
	}
	
	.survey-grid-header span.info {
		position: absolute;
		left: 5px;
		top: 5px;
		display: block;
		width: 64%;
		text-align: left;
	}
	
	.survey-grid .form-row input {
		margin-right: 1.3%;
		margin-left: 2.3%;
	}
	
}	
  
@media (max-width: 320px){
	.survey-grid-header span {
		width: 20%;
	}
	
	.survey-grid .form-row input {
		margin-right: .5%;
		margin-left: .5%;
	}
}

*/

/* ------------ Password Strength -------------- */
#password-strength {
	display: inline;
	padding-left: 10px;
}

#password-strength span {
	font-weight: bold;
}

#password-strength span.Weak {
	color: #e80606;
}

#password-strength span.Moderate {
	color: #ff0;
}

#password-strength span.Strong {
	color: #0cab10;
}

/* ----------------- Dynamic Validation ------------- */
.message-container {
	width: 220px !important;
	padding-left: 0 !important;
}

.dv-message {
	display: none;
	margin-top: 30px;
}

.dv-show {
	display: block !important;
}

.dv-loading,.dv-success,.dv-info,.dv-error {
	min-height: 20px;
	padding-left: 25px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.dv-loading {
	padding: 0 0 5px 0;
	background-position: bottom left;
	background-image: url(../images/validation_loading.gif);
}

.dv-success {
	color: green;
	background-image: url(../images/validation_pass.png);
}

.dv-info {
	background-image: url(../images/validation_info.png);
}

.dv-error {
	color: #F00;
	background-image: url(../images/validation_fail.png);
}

/* ------------- Popups ----------------- */
#popup-content {
	width: auto;
	margin-top: 0;
	padding-right: 10px;
}

#popup-content h2,#popup-content h2 span {
	margin-top: 0;
	text-transform: none;
	color: #c51919;
}

#popup-content #panel {
	padding-top: 10px;
	overflow: hidden;
	color: black;
}

#popup-content h3 {
	margin: 0;
	padding: 15px 0 5px 0;
	text-transform: none;
	background: none !important;
	border: 0;
}

#popup-content ul {
	padding: 15px 0 15px 20px;
}

#popup-content li {
	padding-bottom: 4px;
	list-style: none;
}

#popup-content a .print {
	float: right;
	padding-right: 10px;
}

#popup-content .tips-list {
	font-size: 12px;
}

#popup-content .tips-list li {
	padding-bottom: 10px;
	list-style: disc;
}

.cigar-types {
	margin-top: -30px;
	padding-top: 0 !important;
}

/* ------------- Pop-up Content ------------ */
/* ---- Filtering ------ */
#filtering-logos {
	padding: 15px 0;
	overflow: hidden;
}

#filtering-logos a {
	float: left;
	width: 176px;
	height: 45px;
	padding: 5px 10px;
	text-indent: -9999px;
	background: white url(../images/filtering_logos.jpg) 10px 5px no-repeat;
}

#filtering-logos a#logo-cyberpatrol {
	width: 111px;
	background-position: -187px 5px;
}

#filtering-logos a#logo-cybersitter {
	width: 264px;
	background-position: -318px 5px;
}

/* ----- Help/FAQ -------- */
#faq-nav {
	float: left;
	width: 180px;
	border: none;
	font-size: 14px;
	padding: 0 10px 0 0;
}

#faq-nav ul {
	padding-left: 20px;
	margin-left: 0;
}

#faq-nav ul li {
	padding: 0;
	text-indent: -5px;
	margin-bottom: 5px;
}

#faq-nav ul li a {
	text-decoration: none;
}

#faq-nav ul li a.here {
	font-family: ZemestroMd;
}

html.ie7 #faq-nav ul {
	padding-left: 30px;
}

html.ie8 #faq-nav ul {
	padding-left: 22px;
}

html.ie9 #faq-nav ul {
	padding-left: 17px;
}

html.ie9 #faq-nav ul li {
	text-indent: -3px
}

html.webkit #faq-nav ul {
	padding-left: 18px;
}

html.gecko #faq-nav ul {
	padding-left: 15px;
}

html.gecko #faq-nav ul li {
	text-indent: -1px
}

#qas {
	float: left;
	width: 350px;
	padding-left: 20px;
	font-size: 14px;
}

#qas .category,#qas .section,#qas ul span {
	display: none;
}

#qas .section ul {
	padding: 0;
}

#qas ul a.ques {
	display: block;
	padding-bottom: 10px;
	text-decoration: none;
}

#qas ul span {
	padding-bottom: 10px;
}

#Contact_Us ul span {
	display: block;
}

/* ----- Contact ------ */
.contact-box {
	float: left;
	width: 260px;
	padding-right: 20px;
}

/* --- Finding CCN ----- */
#ccn-on-mail {
	padding-top: 5px;
}

/* ---------- Account Lockout ----------- */
.account-lockout #panel {
	padding-bottom: 110px;
}

/* ---------- Sweepstakes Rules ---------- */
.sweeps-rules #panel {
	padding-right: 20px;
}

.sweeps-rules-header {
	text-align: center;
}

.sweeps-rules-list {
	padding-bottom: 30px;
}

.sweeps-rules-list li {
	padding-top: 20px;
}

.sweeps-rules-list ul {
	padding-left: 20px;
}

.sweeps-rules-list ul li {
	padding-top: 0;
	list-style: disc;
	padding-bottom: 5px;
}

.sweeps-rules-list td {
	vertical-align: middle;
	text-align: center;
	border: 1px solid;
}

/* ----------- Scrolling Boxes (Used in Popups) -------- */
.scrolling-box {
	height: 275px;
	margin: 0 40px 15px 0;
	padding: 15px;
	color: #555 !important;
	background: #fff;
	border: 1px solid #999;
	overflow: scroll;
}

.scrolling-box h4 {
	padding-bottom: 5px;
	font-size: 12px;
}

.scrolling-box p {
	padding-bottom: 15px;
}

.scrolling-box ul {
	padding-left: 20px;
}

.scrolling-box .print {
	display: none;
}

/*---------- Colorbox Style Override ----------*/
#cboxTopLeft,#cboxTopCenter,#cboxTopRight,#cboxMiddleLeft,#cboxMiddleRight,#cboxBottomLeft,#cboxBottomCenter,#cboxBottomRight
	{
	display: none !important;
}

#cboxClose,#cboxClose.hover {
	top: 10px;
	right: 10px;
	margin-left: 50px;
	padding-top: 4px;
	height: 18px;
	font-size: 14px;
	color: #989898;
	text-transform: uppercase;
	text-indent: -50px;
	background: url(../images/colorbox_close.png) 0 0 no-repeat;
}

#cboxContent {
	padding: 45px 0 15px 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

/* ----------- Tooltips ------------- */
.tipsy {
	z-index: 100000;
	position: absolute;
	padding: 5px 5px 10px 5px;
	font-size: 11px;
	font-weight: bold;
}

.tipsy-arrow {
	position: absolute;
	width: 0;
	height: 0;
	line-height: 0;
	border: 10px dashed #FD0;
}

.tipsy-inner {
	max-width: 500px;
	padding: 5px 10px;
	color: #444;
	text-align: center;
	background-color: #FD0;
}

.tipsy-x .tipsy-arrow {
	bottom: 0;
	left: 20px;
	border-top-style: solid;
	border-bottom: none;
	border-left-color: transparent;
	border-right-color: transparent;
}

/* ------- Feature Detection -------- */
.no-js #disabled-features,.no-js #javascript-disabled {
	display: block !important;
}

.no-js #disabled-features {
	background: transparent;
}

.cookies-disabled #disabled-features {
	display: block !important;
}

#disabled-features {
	z-index: 1000;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #333;
}

#disabled-features .feature {
	z-index: 1005;
	position: relative;
	width: 90%;
	max-width: 970px;
	margin: 200px auto 0;
	padding: 10px;
	color: #d5dad5;
	background: #000;
}

#disabled-features .feature-message {
	min-height: 310px;
	padding: 40px 20px;
	text-align: center;
	border: 1px solid #e9efe6;
}

#disabled-features .header {
	max-width: 500px;
	width: 100%;
	margin: 0 auto 20px;
	padding: 10px 0;
	line-height: 32px;
	text-transform: uppercase;
	font-size: 20px;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
}

#disabled-features .header strong {
	display: block;
	font-weight: bold;
	font-size: 28px;
	color: #D11209;
}

#disabled-features .sub-header {
	padding-bottom: 10px;
	font-size: 16px;
}

#disabled-features .instructions {
	padding-bottom: 10px;
	text-transform: uppercase;
	font-weight: bold;
	color: #c11d19;
}

#disabled-features .instructions-box {
	max-width: 400px;
	width: 80%;
	margin: 0 auto 20px;
	padding: 15px;
	text-align: left;
	overflow: hidden;
	background: #090909;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333),
		to(black));
	background-image: -webkit-linear-gradient(top, #333333 0, #090909 100%);
	background-image: -moz-linear-gradient(top, #333333 0, #090909 100%);
	background-image: -ms-linear-gradient(top, #333333 0, #090909 100%);
	background-image: -o-linear-gradient(top, #333333 0, #090909 100%);
	background-image: linear-gradient(top, #333333 0, #090909 100%);
	-pie-background: linear-gradient(top, #333333 0, #090909 100%);
	border: 1px solid #555;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

#disabled-features .instructions-box div {
	float: left;
}

#disabled-features .instructions-box div a {
	color: #d5dad5;
}

#disabled-features .instructions-box div strong {
	float: left;
	width: 30px;
	padding-top: 5px;
	font-size: 20px;
	font-weight: bold;
	color: #c11d19;
}

#disabled-features .instructions-box ul {
	float: left;
	width: 180px;
	padding-left: 20px;
}

#disabled-features .instructions-box li+li {
	padding-top: 5px;
}

#flash-disabled .instructions-box {
	width: 280px;
	margin-left: 290px;
}

#flash-disabled .instructions-box div {
	width: 100%;
}

#flash-disabled .instructions-box div+div {
	padding-top: 20px;
}

#flash-disabled .instructions-box div a:hover {
	text-decoration: none;
}

#get-flash-logo {
	display: inline-block;
	width: 160px;
	height: 40px;
	text-indent: -9999px;
	background: url(../images/get_flash_logo.png) top left no-repeat;
}

/*------  SMART QUIZ ------*/
ul.smart-quiz {
	list-style: none;
}

ul.smart-quiz li {
	
}

ul.smart-quiz li span {
	display: block;
	clear: both;
}

ul.smart-quiz li span input,ul.smart-quiz li span label {
	
}

/* ---------- IE Fixes ------------- */
.ie .login #main {
	-pie-background: transparent;
}

.ie7 #main {
	margin-bottom: 2px;
}

.ie7 .content {
	margin-top: 60px;
}

.ie7 .content h2 {
	margin-left: 5px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.ie7 .content .callout .ie7-before {
	padding-left: 0;
}

.ie7 .content .ie7-arrow {
	padding-right: 5px;
	line-height: 30px;
	font-size: 65px;
}

.ie7 footer ul {
	clear: left;
}

.ie7 footer ul li {
	zoom: 1;
	display: inline;
}

.ie7 #disabled-features .header,.ie7 #disabled-features .instructions-box
	{
	margin-left: 0;
}

.ie7 .callout .top {
	height: auto;
}

.ie7 .callout .smoker {
	font-size: 9px;
}

.ie7 #reg-birth {
	margin-bottom: 20px;
}

.ie7 .optional-legend {
	margin-left: -50px;
}

.ie7 .btn-holder input,.ie7 .btn-holder a {
	padding: 2px 5px;
	font-weight: normal;
}

.ie7 .btn-holder a {
	display: inline-block;
}

/* .ie7 .callout .btn-holder button:after, .ie7 .callout .btn-holder input:after, .ie7 .callout .btn-holder a:after,
.ie7 .btn-holder button:after,
.ie7 .btn-holder input:after,
.ie7 .btn-holder a:after,
.ie7 .callout .btn-holder input:after,
.ie7 .btn-holder input:after,
.ie8 .callout .btn-holder button:after,
.ie8 .callout .btn-holder input:after,
.ie8 .callout .btn-holder a:after,
.ie8 .btn-holder button:after,
.ie8 .btn-holder input:after,
.ie8 .btn-holder a:after,
.ie8 .callout .btn-holder input:after,
.ie8 .btn-holder input:after {
  content: ">";
  font-size: 14px;
  position: relative;
  top: -2px;
  left: 6px; } */
.ie9 .btn-holder button,.ie9 .btn-holder input,.ie9 .btn-holder a {
	padding: 6px;
}

select::-ms-expand {
	display: none;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	appearance: none;
}

noscript {
	display: none;
}

/* PIN */
.fiveDigitPin.loginCretePin {
	font-size: 1.25em !important;
}
.fiveDigitPin.loginCretePin span {
	font-weight: normal;
	font-size: .75em;
}
.fiveDigitPin #content-wrap header {
	display: none;
}

.fiveDigitPin #wrapper {
	padding-top: 35px;
}

.fiveDigitPin .pin-header {
	background: #1f1f1f;
	text-align: center;
}

.fiveDigitPin .pin-header h1 {
	font-family: ZemestroBk,Verdana,Arial,Trebuchet,"Trebuchet MS",Helvetica,Sans-Serif;
	letter-spacing: 0.027em;
	line-height: 23px;
	font-size: 20px !important;
}

.fiveDigitPin .pin-header h1 span {
	font-family: ZemestroMd,Verdana,Arial,Trebuchet,"Trebuchet MS",Helvetica,Sans-Serif;
	color: white;
}

.fiveDigitPin #wrapper #content-wrap .content {
	margin-top: 0;
	width: 391px;
}

.fiveDigitPin .pin-content {
	width: 283px;
	margin: 0 auto;
}

.fiveDigitPin .btn-holder input {
	width: 99%;
	margin: 0 auto;
}

.fiveDigitPin .pin-inputs {
	margin: 6px 0;
}

.fiveDigitPin .pin-input {
  margin-right: 2px;
  text-align: center;
}

.fiveDigitPin .pin-input.x-small-input {
	width: 51px;
	height: 51px;
	max-height: 51px;
}

.fiveDigitPin .pin-input.last {
  margin-right: 0;
}

.fiveDigitPin .pin-content p {
	margin-bottom: 0px;
}

.fiveDigitPin .btn-holder {
	margin: 5px 0 10px;
}

/* CreatePIN */
.fiveDigitPin.createPIN .pin-header,
.fiveDigitPin.resetPIN .pin-header {
	padding-top: 16px;
	padding-bottom: 8px;
}
.fiveDigitPin.resetPIN .pin-header {
	padding-top: 26px;
	padding-bottom: 18px;
}

.fiveDigitPin.createPIN .pin-header h1,
.fiveDigitPin.resetPIN .pin-header h1 {
	letter-spacing: 0.098em;
	line-height: 24px;
	font-size: 22px;
}

.fiveDigitPin.createPIN .pin-content,
.fiveDigitPin.resetPIN .pin-content {
	margin-top: 9px;
}

.fiveDigitPin.createPIN .pin-content p,
.fiveDigitPin.resetPIN .pin-content p {
	text-align: center;
	font-size: 15px;
}

.fiveDigitPin.createPIN .pin-content p span,
.fiveDigitPin.resetPIN .pin-content p span {
	font-size: 11px;
	text-transform: uppercase;
}

.fiveDigitPin.createPIN .pin-content p span b,
.fiveDigitPin.resetPIN .pin-content p span b {
	font-family: ZemestroMd,Verdana,Arial,Trebuchet,"Trebuchet MS",Helvetica,Sans-Serif;
	font-weight: normal;
}

.fiveDigitPin.createPIN .pin-content p.message,
.fiveDigitPin.resetPIN .pin-content p.message {
	font-size: 11px;
	margin: 2px 0;
}

.fiveDigitPin.createPIN hr,
.fiveDigitPin.resetPIN hr {
	margin: 7px auto 4px auto;
	width: 86%;
}
.fiveDigitPin .btn-holder input#NotNowPinBtn {
	background-color: #140c0c;
  	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #505050), color-stop(50%, #383838));
    background-image: -webkit-linear-gradient(top, #505050 50%, #383838 50%);
    background-image: -moz-linear-gradient(top, #505050 50%, #383838 50%);
    background-image: -ms-linear-gradient(top, #505050 50%, #383838 50%);
    background-image: -o-linear-gradient(top, #505050 50%, #383838 50%);
    background-image: linear-gradient(top, #505050 50%, #383838 50%);
    -pie-background: linear-gradient(top, #505050 50%, #383838 50%);
    box-shadow: 2px 2px 5px #140c0c;
}

.fiveDigitPin .btn-holder input.disabled{ 
		background-color: #140c0c;
  	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #505050), color-stop(50%, #383838));
    background-image: -webkit-linear-gradient(top, #505050 50%, #383838 50%);
    background-image: -moz-linear-gradient(top, #505050 50%, #383838 50%);
    background-image: -ms-linear-gradient(top, #505050 50%, #383838 50%);
    background-image: -o-linear-gradient(top, #505050 50%, #383838 50%);
    background-image: linear-gradient(top, #505050 50%, #383838 50%);
    -pie-background: linear-gradient(top, #505050 50%, #383838 50%);
    box-shadow: 2px 2px 5px #140c0c;
   	color: #767676;
	
}
.fiveDigitPin .pin-content p.message a{
	
	text-transform:uppercase;
	font-weight: bold;
	
}
.fiveDigitPin.createPIN .pin-content .error-box p, .fiveDigitPin.resetPIN .pin-content .error-box p{
	
	text-align: left;
	line-height:14px;
}
.fiveDigitPin.createPIN .pin-content p span.txt_warning span,
.fiveDigitPin.resetPIN .pin-content p span.txt_warning span{
	text-transform:  none;
}
.fiveDigitPin .headerRegister {
  height:206px;
  width:336px;
  margin:0 auto;
}
.fiveDigitPin .headerRegister .headerTitle {
  display:block;
  text-align:center;
  padding:46px 7px 7px 15px;
  letter-spacing:.069em;
}
.fiveDigitPin .headerRegister .headerTitleNote {
  display:block;
  text-align:center;
  line-height:22px;
  font-size:13px;
  padding:0 0 13px 14px;
  letter-spacing:.027em;
}
.fiveDigitPin .headerWrapper {
  padding:63px 0 0 0;
}
.fiveDigitPin .contentRegister {
  min-width:100%;
}
.fiveDigitPin .contentRegister .contentWrapper {
  padding:35px 0 0 0;
}
.fiveDigitPin .contentRegister .btn-holder input {
  width:279px;
  letter-spacing:.04em;
  padding:0 0 0 4px;
}
.fiveDigitPin .contentRegister .contentRegisterNote {
  display:block;
  text-align:center;
  padding:9px 0 0 0;
}
.fiveDigitPin .contentRegister .contentRegisterNote .ctrn_l1 {
  margin:0;
  padding:0 0 6px 0;
}
.fiveDigitPin .contentRegister .contentRegisterNote .ctrn_l2 {
  margin:0;
  font-size:11px;
}
.fiveDigitPin .contentRegister .contentRegisterNote .ctrn_l3 {
  margin:0;
  padding:26px 0 0 0;
  font-size:12px;
  line-height:18px;
   text-transform: uppercase;
}
.fiveDigitPin .contentRegister .btn-holder {
  margin-bottom:5px;
}
.fiveDigitPin .contentRegister .registerMarlboro {   text-transform: uppercase;
}
.fiveDigitPin .headerEnter {
  height: auto;
  width: 336px;
   margin: 0 auto;
   border-bottom:1px solid #000000;
}
.fiveDigitPin .headerEnter .headerWrapper {
  padding: 28px 0 16px 0 ;
}
.fiveDigitPin .headerEnter .headerTitle {  display:block;
  text-align:center;
padding:10px 18px 0 15px;
letter-spacing:0.069em;
line-height:24px;
 text-transform: uppercase;
}
.fiveDigitPin .headerEnter .headerTitleNote {
  display:block;
  text-align:center;
  line-height:16px;
  font-size:10px;
  padding:2px 11px 3px 0;
  letter-spacing:0.027em}
.fiveDigitPin .headerEnter .headerTitleName {
  color: #FFFFFF;
}
.fiveDigitPin .headerEnter .headerTitleLink {
  font-size:15px;
}
.fiveDigitPin .contentEnter .contentWrapper {
  padding: 18px 0 0 0;
}
.fiveDigitPin .contentEnter .contentEnterTitle {
  margin:0;
  font-size: 17px;
  line-height:19px;
  padding: 0 0 15px 0px;
}
.fiveDigitPin .contentEnter .contentEnterTitle_1 {
  color:#000000;
}
.fiveDigitPin .contentEnter .contentEnterTitle_2 {
  color:#000000;
   font-weight: bold;
   text-transform: uppercase;
}
.fiveDigitPin .contentEnter .contentForgotLink {
  display:block;
  padding: 10px 0;
  letter-spacing: 0.040em;
  text-decoration: underline;
  font-size:13px;
  text-align: right;
}
.fiveDigitPin .contentEnter .btn-holder input,.fiveDigitPin .contentEnter .btn-holder {
  width: 280px;
  letter-spacing:0.04em;
  margin:0 0 4px 0;
}
.fiveDigitPin .contentEnter .contentEnterNote .cten_txtPin {
  padding:1px 6px 0 0;
  text-align:center;
  letter-spacing: 0.027em;
  font-size:12px;
  line-height: 16px;
  margin:0;
}
.fiveDigitPin .contentEnter .contentEnterNote .cten_quitPin {  text-align:center;
  margin: 0;
padding:2px 0 0 0;
font-size:12px;
line-height:17px;
 text-transform: uppercase;
}

#pin-login-button #loginBtn {
  background-color: #be1313;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #be1313), color-stop(50%, #8e0e0d));
  background-image: -webkit-linear-gradient(top, #be1313 50%, #8e0e0d 50%);
  background-image: -moz-linear-gradient(top, #be1313 50%, #8e0e0d 50%);
  background-image: -ms-linear-gradient(top, #be1313 50%, #8e0e0d 50%);
  background-image: -o-linear-gradient(top, #be1313 50%, #8e0e0d 50%);
  background-image: linear-gradient(top, #be1313 50%, #8e0e0d 50%);
  -pie-background: linear-gradient(top, #be1313 50%, #8e0e0d 50%);
}

.pinFieldError {
	color: #fef200;
}
#NotNowPin-button {
	margin-top: 20px;
}
.fiveDigitPin .error-box,
.fiveDigitPin.createPIN .pin-content p span.txt_warning, 
.fiveDigitPin.resetPIN .pin-content p span.txt_warning,
.fiveDigitPin.createPIN .pin-content p span.txt_warning span, 
.fiveDigitPin.resetPIN .pin-content p span.txt_warning span {
	color: #414141;
}
.fiveDigitPin .pin-header h1 span.upperCaseBrand {
	text-transform: uppercase;
	color: inherit;
	font-family: inherit;
}
.hiddenDash {
	display: none;
}
.fiveDigitPin .pin-header h1 span.upTo {
	display: none;
	font-family: inherit;
	color: inherit;
}
.fiveDigitPin .pin-header h1 span.downTo {
	display: inline-block;
	font-family: inherit;
	color: inherit;
}
.fiveDigitPin.loginCretePin {
	text-transform: capitalize;
}
.fiveDigitPin.loginCretePin span {
	text-transform: none;
}

/* ---------- jQuery Dropdowns ------------- */

.jq-dropdown .jq-dropdown-menu, .jq-dropdown .jq-dropdown-panel {
	width: 100%;
	max-width: none;
	background: black;
	border-color: #a0a0a0;
}
.jq-dropdown .jq-dropdown-menu li {
	border-top: 1px solid #a0a0a0;
	padding: 5px;
	cursor: pointer;
}
.jq-dropdown .jq-dropdown-menu li:first-child {
	border: none;
}

.jq-dropdown.jq-dropdown-tip:before,
.jq-dropdown.jq-dropdown-tip:after {
	display: none;
}

.jq-dropdown.jq-dropdown-tip {
	margin-top: 0;
}.form-wrapper p {
	width: 100%;
	padding: 0 0 15px 0 !important;
	margin-bottom: 0;
}
.form-section p:last-child {
	padding-bottom: 0 !important;
}
/* .wide-form p,
.form-wrapper p.wide {
	width: 590px;
} */
input,
select { /* MB */
	font-family: Verdana, Arial, Trebuchet, "Trebuchet MS", Helvetica, Sans-Serif;
	width: 134px;
	color: #727071;
	outline: none;
	background: #070707;
	-webkit-appearance: none;
}

.ie input[type='password'] {
	font-family: Verdana, Arial, Trebuchet, "Trebuchet MS", Helvetica, Sans-Serif;
}

input,button {
	behavior: url(../js/lib/PIE-1.4.htc);
}

input[type='text'],
input[type='password'],
input[type='tel'],
input[type='number'] {
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border:none;
	padding:12px;
	font-size: 16px;
	height: 46px;
	min-height: 46px;
	max-height: 46px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ie8 input[type='text'],
.ie8 input[type='password'],
.ie8 input[type='tel'],
.ie8 input[type='number'] {
	min-height: 22px;
}

#birth{
	display:inline-block; /*needed to fix the offset bug in FF for tipsy placement*/
}

#birth span.separator,
#birth1 span.separator,
#reg-birth span.separator{
	font-size: 12px;
	float: left;
	width: 10px;
	display: block;
	text-align: center;
	padding: 15px 5px 0 5px;
}

#birth,
#birth1,
#reg-birth {
	font-size: 0px;
}

#reg-birth {
	/*padding: 0 17px;*/
	display: block;
}
.ie7 #birth input,
.ie7 #birth1 input,
.ie7 #reg-birth input {
	width: 41px;
}
.ie7 #birth input.dobyear,
.ie7 #birth1 input.dobyear,
.ie7 #reg-birth input.dobyear {
	width: 106px;
}

input[type="radio"],input[type="checkbox"] {
    background: #070707 url(../images/custom-form-inputs-sprite.png) no-repeat;
}

.ie7 select,
.ie8 select,
.ie9 select {
	background-image: none;
}
@-moz-document url-prefix() {
    select {
    	padding-right: 12px;
		/*background-image: none;*/
    }
}
input[type="radio"],
input[type="checkbox"] { /* MB */
	width: 15px;
	height: 15px;
	margin:0 3px 2px 0;
	vertical-align:middle;
	-webkit-appearance: none;
	cursor:pointer;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
input[type="radio"] { /* MB */
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
input[type="radio"]:checked,
input[type="checkbox"]:checked { /* MB */
	background-color: #2f2f2f;
	border: 3px solid #fff;
}
.ie input[type="radio"],
.ie input[type="checkbox"] {
	background: transparent;
	-pie-background: transparent;
	background-image: none;
	border: none;
	width: auto;
	height: auto;
	margin: auto;
	padding: auto;
	border-radius: 0;
}
label {
	margin-right: 10px;
}
.form-section {
	padding-bottom: 30px;
}

.form-row {
	display: block;
	overflow: hidden;
	margin-bottom: 4px;
}


.form-sign-up {
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.login .form-row {
    margin-bottom: 0;
}

.form-row-part {
	float: left;
	width: 126px;
}
.form-row-part.name {
	float: left;
	width: 25%;
	padding-right: 5%;
}
.form-row-part + .form-row-part {
	padding-left: 5px;
}
.form-row-part.state {
	float: left;
	width: 198px;
}
.form-row-part.state + .form-row-part.zip {
	padding-left: 5px;
	float: left;
}
.form-row-part.comment {
	padding: 10px 0 0 0;
	width: 70%;
	float: left;
}
.form-label { /* MB */
	display: block;
	padding: 6px 10px 4px 0px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.2em;
}
#remember-me .form-label {
	padding: 10px 0;
	font-size: 12px;
}
.form-label a {
	padding-left: 4px;
	font-weight: normal;
}
.form-label small,
h3 small {
	text-transform: none;
	font-size: 10px;
	font-weight: normal;
	color: #666;
}
.optional-area {
	margin-top: 20px;
	padding: 0 17px 20px 17px;
	border: 1px solid #a0a0a0;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.optional-legend {
	z-index: 2;
	display: block;
	position: relative;
	left: 50%;
	width: 60px;
	height: 14px;
	margin: -7px 0 0 -30px;
	padding-bottom: 5px;
	line-height: 14px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background: #282828;
}
.back-to {
	padding: 0 40px 15px 0;
	text-align: right;
}

.btnleft {
	margin-left: 0 !important;
}

.buttonpart {
	width: 240px;
}

.xx-small {
	width: 40px;
}
.xx-small-input {
	width: 32px;
}
.x-small {
	width: 60px;
}
.x-small-input {
	width: 52px;
}
.small {
	width: 117px;
}
.small-input { /* MB */
	width: 70px;
}
.med {
	width: 210px;
}
.med-input { /* MB */
	width: 170px;
}
.large {
	width: 245px;
}
.large-input { /* MB */
	width: 264px;
}
.x-large {
	width: 320px;
}
.x-large-input { /* MB */
	width: 280px;
}
.xx-large {
	width: 360px;
}
.xx-large-input { /* MB */
	width: 320px;
}
.xxx-large {
	width: 400px;
}
.xxx-large-input { /* MB */
	width: 360px;
}
.xxxx-large {
	width: 400px;
}
.xxxx-large-input { /* MB */
	width: 440px;
}
.autowidth-input {
	width: auto;
}
.fluid-input {
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.fluid-50-input {
	width: 50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.fluid-25-input {
	width: 25%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
:invalid {  
	box-shadow: none;  
}
.error-response {
	display: none;
}
input.has-error,
.styled_select.has-error,
.has-error input {
	background-color: #fff100;
	box-shadow: inset 1px 1px 3px #320;
	-moz-box-shadow: inset 1px 1px 3px #320;
	-webkit-box-shadow: inset 1px 1px 3px #320;
}
span.has-error {
	display: inline-block;
	padding: 3px 5px;
	color: #333;
	background-color: #FD0;
}
.btn-holder { /* MB */
	display: block;
	padding: 0;
	margin-bottom: 24px;
}
/* MB Removed input */
.btn-holder a {
	/* display: block;
	position: relative;
	width: auto !important;
	margin: 0;
	padding: 3px 15px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	border: 1px solid; */
	width: auto !important;
	font-size: 11px;
	height: auto;
	padding: 15px 2px;
}
.btn-holder input:hover,
.btn-holder input.ie-btns-hover,
.btn-holder a:hover {
	text-decoration: none;
	color: #FFF;
	cursor: pointer;
}
.form-row .btn-holder {
	margin-top: 20px;
}
.multi-select-info {
	width: 200px;
	margin-left: 10px;
	padding: 10px 15px !important;
	background: #EBEBEB;
	border: 1px solid #666;
}
.multi-select-info span {
	display: block;
}
.multi-select-info span + span {
	padding-top: 10px;
}
.multi-select-info strong {
	float: left; 
	width: 35px;
	padding-bottom: 10px;
}

.create-password #continue,
#viewForgotPassword input[type="submit"] {
	font-size: 1.2em;
}

#view_username-login {
	font-size: 1.2em !important;
}

.ie9 .create-password #continue,
#viewForgotPassword input[type="submit"] {
	font-size: 1.2em;
}

/*custom form overrides*/
.login input[type="checkbox"] {
	width: 15px;
	height: 15px;
	margin: 0 3px 2px 0;
	vertical-align: middle;
	-webkit-appearance: none;
	cursor: pointer;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

#forgot-login-header.form-section {
	padding-bottom: 10px;
}

.inputDate {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin:0;
	float: left;
}

.inputDate.day {
	width: 69px;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin: 0 1px;
}

.inputDate.month {
	width: 69px;
	-webkit-border-radius: 8px 0 0 8px;
	border-radius: 8px 0 0 8px;
}

.inputDate.year {
	width: 126px;
	-webkit-border-radius: 0 8px 8px 0;
	border-radius: 0 8px 8px 0;
}

/*** STYLED SELECT ***/

.styled_select {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
    background: white url(../images/dropdown_arrows_sprite.gif) 0 0 no-repeat;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin: 0;
	padding: 13px 0;
	height: 46px;
	max-height: 46px;
	min-height: 46px;
	overflow: hidden;
	cursor: pointer;
	height: 46px;
	min-height: 46px;
	max-height: 46px;
}

.styled_select select, .styled_select-input {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
	border: none !important;
	background: none !important;
	margin: 0;
	cursor: pointer;
	padding-left: 12px;
	padding-right: 70px; /* 30px of default arrow + 30px of the custom arrow + 10px more for padding */
	width: 120%; /* fallback if calc isn't supported */
	width: calc(100% + 30px);
	font-size: 14px;
}

.styled_select span {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
	border: none !important;
	background: none !important;
	margin: 0;
	cursor: pointer;
	padding-left: 12px;
	padding-right: 10px; /* 30px of default arrow + 30px of the custom arrow + 10px more for padding */
	width: 80%; /* fallback if calc isn't supported */
	width: calc(100% - 35px);
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	display: block;
}

.styled_select option {
	background: #070707;
}

.styled_select select:focus {
    background: none;
}

select[multiple] {
    background-image: none;
}
#create-login-form input {
	widht: 134px;
}
/* IE Hacks */

/* .ie8 .styled_select:after, */
/* .ie9 .styled_select:after { */
/* 	content: " "; */
/* 	position: absolute; */
/* 	width: 24px; height: 24px; */
/* 	background: blue; */
/* 	margin-left: -80px; */
/* } */


.ie8 .styled_select {
	min-height: 19px;
}

.ie8 .styled_select,
.ie9 .styled_select {
	background-image: none !important;
}

.ie8 .styled_select select,
.ie9 .styled_select select {
	padding-right: 10px;
	width: 100%;
	border: none;
}

.ie .styled_select select::-ms-value {
	background: none;
	color: inherit;
}

#securityQuestion.xxx-large-input select {
	font-size: 12px;
	font-weight: normal;
}

/*** STYLED SELECT END ***//* .optional-area #strCcn+small+.form-label ,
.optional-area #strCcn+small+.form-label+input ,
.optional-area #strCcn+small+.form-label+input+small { display: none; } */

/* #Media Queries
================================================== */

/* Smaller than standard 1010 (devices and browsers) */
@media only screen and/*!  */ /*!  */(max-width: 1009px) {
	
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and/*!  */ /*!  */(min-width: 768px) and/*!  */ /*!  */(max-width: 959px) {
	
	footer, footer ul {
		width: 768px;
	}
	
	footer ul li + li {
		padding-left: 7px;
		margin-left: 6px;
	}
	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and/*!  */ /*!  */(max-width: 767px) {
	
	body #ccn-on-mail img {
		background:url(../images/ccn-mobile.jpg) no-repeat center center;
		width: 270px;
		height: 127px;
	}
	
	body.login .tipsy {
		max-width: 207px;
	}
	
	.survey-section .form-row .btn-holder #continue{
      font-size: 16px;
    }
	
	.forgot-form input#continue {
		width: 175px;
	}
	
	#password-reset-form .btn-holder #continue {
		width: 245px;
	}
	
	#footer-wrap {
		overflow:visible;
	}
	
	footer, footer ul {
		width: 100%;
		height: auto;
	}
	
	footer nav {
		height: auto;
	}
	
	footer ul {
		width: 589px;
		margin: 0 auto 20px;
	}
	
	footer ul li {
		display: block;
		text-align: left;
		border: 0;
		padding: 8px 0;
		margin:0;
	}
	
	footer ul li + li {
		border: 0;
		margin: 0;
		padding: 8px 0;
	}
	
	footer ul li:before {
		content: "\00BB";
		margin-right: 5px;
		text-decoration: none;
	}
	
	footer .copyrights {
		width: 589px;
	}
	
	#filtering-logos a{
		display: block;
		clear: both;
	}
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and/*!  */ /*!  */(min-width: 581px) and/*!  */ /*!  */(max-width: 767px) {
	
	.wide-form p, .form-wrapper p.wide { width: 420px; }
	
	.dv-loading, .dv-success, .dv-info, .dv-error , .dv-message { margin-top: 5px; }
	
	.forgot-option { width: 180px; }
	.forgot-or { width: 50px; }
	
	footer ul,
	footer .copyrights {
		width: 80%;
		margin: 0 auto;
	}
	
	footer .copyrights {
		margin-top: 10px;
	}
	
}

@media only screen and/*!  */ /*!  */(max-width: 720px) {
	.form-row, .form-row-part { 
		float: none;
		margin-right: 0;
	}
	
	.form-row.left, .form-row-part.left { 
		float: left;
	}
	
	.login .form-row, .login .form-row-part {
        width: auto;
    }
	
	.form-row-part.small input,
	.form-row-part.small .styled_select {
		width: 115px;
	}
	
	.form-row-part.state {
		float: none;
	}
	
	.form-row-part + .form-row-part { padding-left: 0; }
	
	.content h2 { margin-top: 36px; }
	.content h2 span { font-size: 24px; }
	.content h2::before, .content h2.ie7-before { font-size: 24px; }
	
	.register #birth input + input + input {
		width: 154px;
	}
	
	.btnleft {
		margin-left: auto;
	}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 720px) and (orientation: landscape) {
	.fiveDigitPin #wrapper {
		padding-top:0;
	}
}
@media only screen and (max-width: 580px) {
	
	header { width: 300px; }
	#wrapper { padding-top: 6px; }
	header { height: auto; }
	#welcome h1 a { font-size: .6em; }
	#welcome p.note { margin-bottom: 0; padding-top: 4px; }
	#login-register-wrapper .callout { width: 300px; margin: 0 auto; padding: 0; }
	#register-here-form .optional-area { padding: 0 10px 10px; }
	#register-here-form .optional-area .med-input { width: 160px; }
	#register-here-form .optional-area .form-label a { padding-left: 0px; display: block; }
	#register-here.callout-here , #register-here-form { width: 294px; }
	.login .callout .forgotpswd , .login .callout #remember-me { padding-bottom: 6px; }
	
	.login .form-row.username { margin-top: 0; }
	
	.callout #continue-button, .callout #login-button { margin-bottom: 18px; }
	
	.progress-bar li h4 { font-size: 8px; font-family: Verdana, Arial, Trebuchet, "Trebuchet MS" , Helvetica , sans-serif; }
	.progress-bar { margin-top: 0; }
	
	.wide-form p, .form-wrapper p.wide { width: 100%; }
	.content .progress-bar+h2 { margin-top: 14px; }
	
	.callout .required-note { margin-left: 0; margin-bottom: 10px; width: 300px; }
	
	#content-wrap .error-box { margin-top: 12px; }
	#content-wrap .error-box p { padding: 10px 10px 10px 40px !important; }
	
	#securityQuestion.xxx-large-input { width: 90% !important; }
	#password-strength { display: block; padding: 0; }
	#password-strength~br { display: none; }
	
	.callout .smoker { width: 260px; }
	
	.dv-loading, .dv-success, .dv-info, .dv-error , .dv-message { margin-top: 5px; }
	
	.forgot-option { margin-bottom: 16px; float: none; }
	.forgot-or { float: none; padding-top: 0; }
	
	#qas { width: 90%; }
	
	footer ul,
	footer .copyrights {
		width: 80%;
		margin: 0 auto;
	}
	
	footer .copyrights {
		margin-top: 10px;
		text-align: left;
	}
	
	#disclaimer {
		width: 80%;
	}
	
	#disclaimer p {
		text-align: left;
	}
	
	#reg-birth {
		padding: 0 4px;
	}
	
	#disabled-features {
	    position: absolute;
	    min-height: 950px;
	}
	
	#disabled-features .feature {
	    margin-top: 60px;
	}
	
	#disabled-features .header {
	    font-size: 14px;
	    line-height: 24px;
	}
	
	#disabled-features .header strong {
	    font-size: 16px;
	}
	
	#disabled-features .instructions-box {
	    font-size: 12px;
	}
	
	.tipsy-inner {
        max-width: 280px;
    }
	.fiveDigitPin #wrapper {
		width: 100%;
		padding-top:0;
	}
	.fiveDigitPin .pin-header {
		width: 100%;
		margin:0;
	}
	.fiveDigitPin #wrapper #content-wrap .content {
		width: 100%;
		margin:0;
	}
	.fiveDigitPin.createPIN hr,
	.fiveDigitPin.resetPIN hr {
		width: 100%;
	}
	
	.fiveDigitPin.registerPIN .headerWrapper {
		padding-top: 20px;
	}
	.xxxx-large {
		width: 100%;
	}
	.xxxx-large-input { /* MB */
		width: 100%;
	}
}

@media only screen and (max-width: 450px) {
	.fiveDigitPin .btn-holder input#NotNowPinBtn {
		width: 74%;
		height: 32px;
		margin: 0 auto;
		font-size:19px;
	}
	.fiveDigitPin.registerPIN .btn-holder input#NotNowPinBtn {
		width: 55%;
		margin: 0 auto;
	}
	.jq-dropdown {
		width: 95%;
	}
}

@media only screen and/*!  */ /*!  */(max-width: 340px) {
	.x-large {
		width: 100%;
	}
	.fiveDigitPin .btn-holder input#NotNowPinBtn {
		width: 74%;
		height: 32px;
		margin: 0 auto;
		font-size:19px;
	}
	.fiveDigitPin.registerPIN .btn-holder input#NotNowPinBtn {
		width: 61%;
		margin: 0 auto;
	}
}
/* Surface 2 and Surface 3 Pro devices */
@media only screen and (min-width: 1023px) and (max-width: 1024px) and (min-height:1521px) and (max-height:1522px) and (orientation : portrait),
only screen and (min-width: 1023px) and (max-width: 1024px) and (min-height:1409px) and (max-height:1410px) and (orientation : portrait),
only screen and (min-width: 1023px) and (max-width: 1024px) and (min-height:1800px) and (max-height:1801px) and (orientation : portrait),
only screen and (min-width: 1023px) and (max-width: 1024px) and (min-height:1651px) and (max-height:1652px) and (orientation : portrait){
	
	#content-wrap {
		zoom:1.3;
	}
	#content-wrap{
	width:75%;
	}

}