.secure .checkTabbedInterface .buyYourChecks {
	margin-bottom: 0;	
}

/* @group Fieldset Styles */

.pageBody .fieldset {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 719px;
	border: solid 3px #BEC4CB;
	padding: 5px 10px 5px; /* changed bottom margin from 20px */
	margin-bottom: 15px;
	}
.pageBody fieldset {
	clear: both;
}
.secure .pageBody p.fieldSetSubHead {
	font-size: 12px;
	line-height:18px
}
.secure .pageBody p.fieldSetSubHead a{
	text-decoration: underline;
}

#nameAddress fieldset {height:auto;position:relative; width:100%; margin-bottom: 5px;}

#accountInfo fieldset {height:235px;position:relative; width:100%; margin-bottom: 5px;}

.bankNameNote {
	font-size: 10px; 
	width: 300px; 
	line-height: 14px;
}

#reviewShippingBilling h2,
.pageBody .fieldset h2, #bec-modal .modalStyle.ezShieldUpsell h2 {
	font: bold 18px/21px Verdana, Geneva, sans-serif;
	color: #32465A;
	background: none;
	margin: 0;
	padding: 0;
	width: ;
}
 #bec-modal .modalStyle.ezShieldUpsell label {
	display: inline-block; 
 }

.pageBody .fieldset h2.noSubhead{
	margin-bottom: 5px;
}
.pageBody h1.noSubhead{
	margin-bottom: 10px;
}
.pageBody .lockIcon {
	display: inline-block;
	height: 20px;
	width: 20px;
	background: url(../images/mainSprite-070921.png) -120px -100px;
	vertical-align: text-bottom;
}

.pageBody .fieldset p {
	font: 10px/15px Verdana, Geneva, sans-serif;
	color: #32465A;
	background: none;
	margin: 0 0 10px;
	padding: 0;
}

.pageBody .fieldsetUpperleft {
	position: absolute;
	top: -3px;
	left: -3px;
	height: 10px; 
	width: 10px;
	background: url(../images/mainSprite-070921.png);
	background-position: -100px -100px;
}

.pageBody .fieldsetUpperright {
	position: absolute;
	top: -3px;
	right: -3px;
	height: 10px; 
	width: 10px;
	background: url(../images/mainSprite-070921.png);
	background-position: -110px -100px;
}

.pageBody .fieldsetLowerleft {
	position: absolute;
	bottom: -3px;
	left: -3px;
	height: 10px; 
	width: 10px;
	background: url(../images/mainSprite-070921.png);
	background-position:  -100px -110px;
}

.pageBody .fieldsetLowerright {
	position: absolute;
	bottom: -3px;
	right: -3px;
	height: 10px; 
	width: 10px;
	background: url(../images/mainSprite-070921.png);
	background-position:  -110px -110px;
}

.pageBody label {
	display: inline-block;
	width: 235px;
	padding: 0;
	margin: 0;
	margin-right: 10px;
	text-align: right;
	font: bold 11px/14px Verdana, Geneva, sans-serif;
	color: #32465A;
	vertical-align: middle;
}

.secure .formLine.error label {
    color: #990000;
    font-weight: bold;
}

input {
	display: inline-block;
	width: 235px;
	margin: 0;
	padding: 0;	
	vertical-align: middle;
}
.formLine.error .nearFieldError {
margin-left: 245px;
margin-bottom: 2px;
font-weight: bold;
color: #990000;
display: block !important;
}
.formLine.error .label {
font-weight: bold;
color: #990000;
}
.formLine.error input {
border: 1px solid #990000;
}

.topNav form input{
	width: 295px;
	color: #32465A;
	float:left;
	padding: 1px 0px 1px 0px;
	height: 16px;
}
/* commented out to fix text over button issue
 input.button {
	text-indent:0px;
} */

.pageBody .formLine {
	margin: 0 0 0px;
	padding: 0 0 16px;
	zoom: 1;
}

.routingSymbol {
	display:  inline-block;
	background: url("../images/checksprites_03-2025.png") no-repeat scroll -330px 0 transparent;
	height: 14px;
	width:  11px;
	vertical-align: middle;
}

#routingNumber {
	margin-left: 4px;
	margin-right: 4px;
	width: 100px;
}

.accountSymbol {
	display:  inline-block;
	background: url("../images/checksprites_03-2025.png") no-repeat scroll -330px -50px transparent;
	height: 15px;
	width:  14px;
	vertical-align: middle;
}

#accountNumber {
	margin-right: 4px;
}

#startNumber {
	width: 120px;
}

.instructionRoutingSymbol {
	display:  inline-block;
	background: url("../images/checksprites_03-2025.png") no-repeat scroll -330px -100px transparent;
	height: 10px;
	width:  9px;
	vertical-align: middle;
	margin: 0 3px 0 5px;
}
#accountBubbleDetails .instructionRoutingSymbol {
	margin: 0 0 0 5px;
}
.instructionAccountSymbol {
	display:  inline-block;
	background: url("../images/checksprites_03-2025.png") no-repeat scroll -330px -120px transparent;
	height: 9px;
	width:  12px;
	vertical-align: middle;
	margin: 0 0 0 5px;
}


/* @end */

/* @group Check Preview Styles */

.previewShaddow {
		height: 5px;
		background: url(../images/fixedHeightBackgroundSprite.png);
		background-position: 0 -66px;		
		width: 745px;
		margin: 0 0 15px;
	}
	
.checkPersonalization.approve .previewShaddow {
		width: 655px;
		margin: 0 40px 20px;
	}

.checkPersonalization.approve .checkPersonalizationPreview {
		margin: 0 40px 0;	
	}
	


/* @end */

/* @group Personalization Field Set Bubble Styles */

body.modifyYourChecks .pageBody .haveAnAd{
    float: left;
    text-align: center;
    width: 720px;
	position: relative;
	margin-bottom: 5px;
}


.spritePreloader {
	background: url(../images/symbols-sprite-050622.png);
	text-indent:-9999px;
}
.pageBody .inputDetails {
	display: none;	
}
.secure #nameAddress select.active,
.secure #accountInfo select.active,
.secure #chooseAnOSL select.active,
.secure #nameAddress input.active,
.secure #accountInfo input.active,
.secure #chooseAnOSL input.active {background-color:#FFD200}


.pageBody .cityStateZip {
	display: inline-block;
	margin-right: 10px;
	width: 135px;
	text-align: right;
}

.pageBody .formLine select.state{
	vertical-align: bottom;
	width: 57px;
	height: 24px;
	background-color: #ffffff;
}

.reorder .pageBody .formLine select.state{
	vertical-align: bottom;
	width: 200px;
	height: 24px;
	background-color: #ffffff;
}

.pageBody #billInfo .formLine select.state{
	width: 190px;
}
	
.pageBody .cityStateZip label {
	display: inline; 
	width: auto;
	margin-right: 0;
}
	
.pageBody .formLine {
	position:relative;
	z-index:400;
}

.formLine.highlight {
	position: relative;
	width: 278px;
	background-color: #FFC;
	border: solid 1px #B4C8DC;
	padding: 5px;
}

.modifyYourChecks.modifyChecks label,
.checkPersonalization.yourInformation label {
	width: 135px;
	line-height: 13px;
}
.modifyYourChecks.modifyChecks .checkTabbedInterface label {
	width:50px;
}
.modifyYourChecks.modifyChecks .cityStateZip label,
.reorderCheck.modifyYourChecks .cityStateZip label,
.checkPersonalization.yourInformation .cityStateZip label {
	width: auto;
	margin-left: 2px;
}
.modifyYourChecks.modifyChecks span.optional,
.reorderCheck.modifyYourChecks label span.optional,
.checkPersonalization.yourInformation label span.optional {
	font-weight: normal;
	font-size: 10px;
}
.checkPersonalization.yourInformation .formLine span.emailcallout {
	font-size: 10px;
    display: block;
    margin-left: 145px;
    line-height: 14px;
    margin-top: 3px;
	
}
.modifyYourChecks.modifyChecks input,
.reorderCheck.modifyYourChecks input,
.checkPersonalization.yourInformation input {
	width: 210px;
}
.modifyYourChecks.modifyChecks input.city,
.reorderCheck.modifyYourChecks input.city,
.checkPersonalization.yourInformation input.city {
	width: 112px;
	margin-right: 3px;
}
.modifyYourChecks.modifyChecks input.zipcode,
.reorderCheck.modifyYourChecks input.zipcode,
.checkPersonalization.yourInformation input.zipcode {
	width: 75px;
	margin-left: 3px;
}
.modifyYourChecks.modifyChecks .symbolList li input,
.reorderCheck.modifyYourChecks .symbolList li input {
	width:auto;	
}
.modifyYourChecks.modifyChecks .symbolList li label,
.reorderCheck.modifyYourChecks .symbolList li label {
	width:85px;
}
.secure input {padding:2px 0}

.modifyYourChecks.modifyChecks .nameOnAccountExtraInfo,
.reorderCheck.modifyYourChecks .nameOnAccountExtraInfo,
.checkPersonalization.yourInformation .nameOnAccountExtraInfo {
	position:absolute;
	top:40px;
	right:0px;
	width:276px
}
.modifyYourChecks.modifyChecks .nameOnAccountExtraInfo {
	top: 35px;
}
.checkPersonalization.yourInformation #nameAddress  .nameOnAccountExtraInfo {
	top:34px;
}
.checkPersonalization.yourInformation #accountInfo  .nameOnAccountExtraInfo {
	top:-16px;
}
.modifyYourChecks.modifyChecks .nameOnAccountBubble,
.reorderCheck.modifyYourChecks .nameOnAccountBubble,
.checkPersonalization.yourInformation .nameOnAccountBubble {
    margin-bottom: -20px;
    margin-left: -45px;
}
.checkPersonalization.yourInformation #bubbleDetails,
.checkPersonalization.yourInformation #accountBubbleDetails {
    position:relative;
	z-index:400;
}
.modifyYourChecks.modifyChecks .nameOnAccountExtraInfo h4,
.reorderCheck.modifyYourChecks .nameOnAccountExtraInfo h4,
.checkPersonalization.yourInformation .nameOnAccountExtraInfo h4 {
	font-weight: bold;
	line-height: 14px;
}
.checkPersonalization.yourInformation .nameOnAccountExtraInfo p{
	margin-bottom: 0;
}

#accountBubbleDetails .inputDetails,
#bubbleDetails .inputDetails {
		display:block;
	}
#accountInfo .nameOnAccountBubble,
#nameAddress .nameOnAccountBubble {
	    background: url("../images/checksprites_03-2025.png") no-repeat scroll 0 0 transparent;
		height:170px;
		position:relative;
		z-index:300;
	}
#accountInfo .nameOnAccountBubble {background-position:0 -1990px}
#nameAddress .nameOnAccountExtraInfo {

	}
#nameAddress.name .nameOnAccountBubble  {
		background-position:0 0;
	}
#nameAddress.name .nameOnAccountBubble  {
		background-position:0 0;
	}
#nameAddress.name2 .nameOnAccountBubble  {
		background-position:0 -240px;
	}
#nameAddress.address .nameOnAccountBubble  {
		background-position:0 -490px;
	}
#nameAddress.address2 .nameOnAccountBubble  {
		background-position:0 -740px;
	}
#nameAddress.city .nameOnAccountBubble,
#nameAddress.state .nameOnAccountBubble,
#nameAddress.zip .nameOnAccountBubble  {
		background-position:0 -990px;
	}
#nameAddress.additional .nameOnAccountBubble  {
		background-position:0 -1240px;
	}
	
#accountInfo.nameOnAccountBubble  {
		background-position:0 -1488px;
	}
#accountInfo.numbersAcrossBottom .nameOnAccountBubble  {
		background-position:0 -1990px;
	}
	
.altFormat #accountInfo.numbersAcrossBottom .nameOnAccountBubble  {
		background-position:0 -1740px;
	}
	
#accountInfo.routingNumber .nameOnAccountBubble  {
		background-position:0 -1990px;
	}
	
.altFormat #accountInfo.routingNumber .nameOnAccountBubble  {
		background-position:0 -2989px;
	}
	
#accountInfo.accountNumber .nameOnAccountBubble  {
		background-position:0 -2240px;
	}

.altFormat #accountInfo.accountNumber .nameOnAccountBubble  {
		background-position:0 -3239px;
	}
	
#accountInfo.accountOpenDate .nameOnAccountBubble,
#accountInfo.accountOpenYear .nameOnAccountBubble  {
		background-position:0 -2490px;
	}
#accountInfo.startNumber .nameOnAccountBubble  {
		background-position:0 -2740px;
	}	
	
.altFormat #accountInfo.startNumber .nameOnAccountBubble  {
		background-position:0 -3490px;
	}

.secure .pageBody .submitPersonalized {
	clear:both;
	text-align: center;
	padding: 20px 0;
}
.secure .pageBody .submitPersonalized div {
	display:inline-block;
	*display: inline;
	zoom: 1;
}

/* remove if not needed
.secure .pageBody .submitPersonalized div p{
	font-size: 10px;
	padding-right: 10px;
}
*/	

#ezShield.EZSOnly .EZShieldForm {
	height: 145px;
}

#ezShield .topOfPageImportantMessage {
	width: 700px;	
}

 #bec-modal .modalStyle.ezShieldUpsell .topOfPageImportantMessage {
	width: 700px;
	margin-top: 0;
}

#ezShield.EZSOnly .yellowBenefitsBox, #bec-modal .modalStyle.areYouSure .yellowBenefitsBox {
	height: 129px;
}


#bec-modal .modalStyle.ezShieldPlusUpsell .yellowBenefitsBox.ezShieldPlus  {
	height: 100px;
}

.secure .pageBody div.highlight p.recommended, #bec-modal div.highlight p.recommended  {
	position: absolute;
	bottom: 5px;
	left: 0;
	z-index: 401;
	width: 100%;
	font: bold 14px/14px Verdana, Geneva, sans-serif;
	color: #900;
	text-align: center;	
}

#bec-modal .modalStyle.ezShieldUpsell form input.continueButton {
	background: url("../images/mainSprite-070921.png") no-repeat -579px 0 ;
	height: 29px;
	width: 103px;
	border: none;
	clear:both;
	float: none;
	margin-left: 220px;
	margin-top: 45px;
}

#bec-modal .modalStyle.ezShieldUpsell form input.continueButton.ezsPlus {
	margin-top: 0;
}

#ezShield {float:left;}
#ezShield a {text-decoration:underline;}
#ezShield fieldset {float:right;width:630px;}
#ezShield fieldset input, #bec-modal .modalStyle.ezShieldUpsell input {width:auto;}
#ezShield fieldset .formLine, #bec-modal fieldset .formLine {
	margin-bottom: 10px;
}
#ezShield fieldset label, .modalStyle.ezShieldUpsell form label {
	text-align:left;
	vertical-align: text-top;
	font: normal 12px/16px Verdana, Geneva, sans-serif;
	width: 240px;
	display: inline-block;
}
.modalStyle fieldset div.highlight.ezShieldPlus {height: 90px;}
fieldset div.highlight.ezShieldYes {height: 65px;}
#ezShield fieldset div.highlight.ezShieldPlusYes {height: 65px;}
#ezShield fieldset div.highlight.allThree,  #bec-modal .modalStyle.ezShieldUpsell fieldset div.highlight.allThree {height: 110px;}

#ezShield .highlight label p, #bec-modal .modalStyle.ezShieldUpsell .highlight label p  {
	font-size: 12px;
	line-height: 15px;
	margin: 0 0 3px;
}

#bec-modal .modalStyle.ezShieldUpsell p {margin-bottom:10px;}

#ezShield fieldset .highlight label p.price, #bec-modal .modalStyle.ezShieldUpsell fieldset .highlight label p.price {
	font-size: 10px;
	line-height: 14px;
}

#ezShield fieldset .highlight.allThree label p.headline, #bec-modal .modalStyle.ezShieldUpsell .highlight.allThree label p.headline  {
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
}

.learnMore {
	width: 100%;
	text-align: center;
	position: absolute; 
	bottom: 20px;
	left: 0;
}

.EZShieldForm {
	width: 100%;
	position: relative;
}

.yellowBenefitsBox {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1000;
	height: 110px;
	width: 315px;
	padding: 10px 8px 15px 37px;
	margin-top: -4px;
	background: url("../images/yellowBenefitsBox.png") no-repeat top right;
	font: 12px/14px Verdana, Geneva, sans-serif;
}

#bec-modal .modalStyle.modalAllThree. .yellowBenefitsBox {
		height: 110px;
}

.pageBody .fieldset .yellowBenefitsBox li, .pageBody .fieldset .yellowBenefitsBox p, #bec-modal .modalStyle.ezShieldUpsell .yellowBenefitsBox p {
	font: 12px/14px Verdana, Geneva, sans-serif;
	margin-bottom: 4px;
}

.pageBody .fieldset .yellowBenefitsBox ul, .modalStyle.ezShieldUpsell .yellowBenefitsBox ul {
	margin-top: 5px;
	margin-bottom: 8px;
	padding-left: 15px;
	width: 148px;
	list-style: disc outside none;
	float: left;
}

.pageBody .fieldset .yellowBenefitsBox ul+ul, .modalStyle.ezShieldUpsell .yellowBenefitsBox ul+ul {
	width: 132px;	
}
	

.pageBody .fieldset .yellowBenefitsBox.ezShieldPlus ul, .modalStyle.ezShieldUpsell .yellowBenefitsBox.ezShieldPlus ul {
	padding-left: 15px;
	width: 295px;
	float: none;
}

.pageBody .fieldset .ezShieldPlus, .modalStyle.modalAllThree fieldset .ezShieldPlus {
	position: absolute;
	top: 132px;	
}


.pageBody .fieldset .yellowBenefitsBox li, #bec-modal .modalStyle.ezShieldUpsell .yellowBenefitsBox li {
	margin-bottom: 8px;
	display: list-item;
	list-style: disc outside;
	margin-left: 0;
}

.pageBody .fieldset .yellowBenefitsBox .headline,  #bec-modal .modalStyle.ezShieldUpsell .yellowBenefitsBox .headline {
	color:#900;
	font-weight:bold;
	font-size:16px;
	line-height:18px;	
}

.yellowBenefitsBox_bottom {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 333px;
	height: 12px;
	background: url("../images/yellowBenefitsBox_Bottom.png") no-repeat top right;
}

.yellowPointer {
	position: absolute;
	top: 30px;
	left: 1px;	
}

#ezShieldNoLabel {font-weight:normal;}
#ezShield fieldset .fieldSetSubHead, #bec-modal .modalStyle.ezShieldUpsell p {
	font-size: 10px;
	line-height: 16px;
}
.secure .pageBody p.alternateMICR {
	margin-top: 5px;
}

.secure .pageBody p.alternateMICR a {
	text-decoration: underline;
}
/* @end */

/* @group Personalization Customize Design Styles */

h3 {
	clear: both;
	font: bold 12px/18px Verdana, Geneva, sans-serif;
	margin: 5px 0;

}

body.customizeDesign span.price, .modifyYourChecks span.price {
	font: normal 10px/12px Verdana, Geneva, sans-serif;
	margin-top: 3px;
	*margin-top: 4px;
	margin-bottom: 3px;
}

body.customizeDesign span.price .strike, .modifyYourChecks span.price .strike {
	text-decoration: line-through;	
}

#chooseAFont .fieldSetSubHead{
	font-size: 10px;
}
#chooseAFont .inputColumn{
	float: left;
	width: 225px;
	margin-right: 10px;
	margin-bottom: 7px;
}
#chooseAFont .inputColumnLabel{
	float: left;
	width: 172px;
	margin-right: 10px;
	margin-bottom: 5px;
}
#chooseAFont .inputColumn.last{
	margin-right: 0;
}
#chooseAFont .inputColumnLabel.last{
	margin-right: 0;
}
#chooseAFont .inputColumn div{
	margin-bottom: 15px;
}
#chooseAFont .inputColumnLabel div{
	margin-bottom: 0px;
}
#chooseAFont .inputColumn input{
	width: 15px;
	margin-right: 5px;
	margin-bottom: 5px;
}
#chooseAFont .inputColumnLabel input{
	width: 15px;
	margin-right: 5px;
	margin-bottom: 5px;
}
#chooseAFont .inputColumn label{
	width: 200px;
	text-align: left;
	margin-right: 0;
	vertical-align: text-top;
}
#chooseAFont .inputColumnLabel label{
	width: 200px;
	text-align: left;
	margin-right: 0;
}
#chooseAFont .inputColumn label.font{
	background: url(../images/mainSprite-070921.png) no-repeat;
	height: 21px;
}

#chooseAFont .inputColumnLabel label.font{
	background: url(../images/mainSprite-070921.png) no-repeat;
	height: 21px;
}

#chooseAFont .inputColumn label.font.cordial{
	width: 70px;
	background-position: -400px -550px;
}

#chooseAFont .inputColumnLabel label.font.cordial{
	width: 70px;
	background-position: -400px -550px;
}

.labelPersonalization #chooseAFont .inputColumn label.font.cordial{
	width: 70px;
	background-position: -700px -610px;
}
#chooseAFont .inputColumn label.font.oldeEnglish{
	width: 90px;
	background-position: -400px -580px;
}
#chooseAFont .inputColumnLabel label.font.oldeEnglish{
	width: 90px;
	background-position: -400px -580px;
}
#chooseAFont .inputColumn label.font.grand{
	width: 60px;
	background-position: -500px -548px;
}
#chooseAFont .inputColumnLabel label.font.grand{
	width: 60px;
	background-position: -500px -550px;
}
.labelPersonalization #chooseAFont .inputColumn label.font.grand{
	width: 60px;
	background-position: -900px -610px;
}
#chooseAFont .inputColumn label.font.contempo{
	width: 73px;
	background-position: -500px -580px;
}
#chooseAFont .inputColumn label.font.script{
	width: 48px;
	background-position: -600px -550px;
}
#chooseAFont .inputColumnLabel label.font.script{
	width: 48px;
	background-position: -600px -550px;
}
#chooseAFont .inputColumn label.font.elegant{
	width: 58px;
	background-position: -600px -580px;
}

#chooseAFont .inputColumnLabel label.font.elegant{
	width: 58px;
	background-position: -600px -580px;

}
#chooseAFont .inputColumn label.font.legacy {
    background-position: -400px -610px;
    width: 55px;
}
#chooseAFont .inputColumn label.font.quill {
    background-position: -500px -610px;
    width: 45px;
}
#chooseAFont .inputColumn label.font.parade {
    background-position: -600px -610px;
    width: 55px;
}
#chooseAFont .inputColumn label span {
	display: none;
}

#chooseAFont .inputColumnLabel label span {
	display: none;
}
#chooseAFont .inputColumn .price{
	font-size: 10px;
	vertical-align: 3px;
}

#chooseASymbol .checkSymbolWrapper {
	float: left;
	*float:none;
    position: relative;
    width: 100%;
	margin-bottom: 10px;
}
.modifyYourChecks.modifyChecks #chooseASymbol .monogramWrap,
.reorderChecks.modifyYourChecks #chooseASymbol .monogramWrap {
	height:200px;
}

.secure .checkTabbedInterface .dupOneBox, .checkTabbedInterface .singleOneBox {
	margin-top: 3px; 
	*margin-top: 7px; 
	margin-bottom: 4px;
}
.secure .checkTabbedInterface .dupTwoBox, .checkTabbedInterface .singleTwoBox {
	margin-top: 5px; 
	*margin-top: 9px; 
	margin-bottom: 4px;
}

.secure .checkTabbedInterface .dupThreeBox, .checkTabbedInterface .singleThreeBox {
	margin-top: 4px; 
	*margin-top: 7px; 
	margin-bottom: 4px;
}
.secure .checkTabbedInterface .dupFourBox, .checkTabbedInterface .singleFourBox {
	margin-top: 5px; 
	*margin-top: 7px; 
	margin-bottom: 4px;
}
#chooseASymbol input.yesCheckbox,  #chooseAnOSL input.yesCheckbox {
	float: left;
	padding: 0;
	width: auto;
	margin: 5px 5px 0 0;
	}
#chooseASymbol label.yesCheckbox, #chooseAnOSL label.yesCheckbox {
	text-align: left;
	width: 650px;
	font-size: 12px;
	line-height: 14px;
	margin: 5px 0;
	font-weight: bold;
}

#chooseASymbol .monogramPreview {
	float: left;
	width: 150px;
}

#chooseASymbol .monogramSelection {
	float: left;
	width: 250px;
	height: 1px;
}

#chooseASymbol input.selectMonogram {
	float: left;
	width: auto;
	margin: 0 5px 0 0;
}
#chooseASymbol label.selectedMonogram {
	display: inline-block;
	width: 85px;
	height: 85px;
	border: solid 1px #CCC;
	background: url(../images/monogramsSprite-070921.png);
	cursor:pointer;
}
#chooseASymbol label.selectLetter, #chooseASymbol label.selectStyle {
	float: left;
	width: auto;
	font: bold 12px/14px Verdana, Geneva, sans-serif;
	margin-bottom: 10px;
	clear: both;	
}
#chooseASymbol select.selectLetter, #chooseASymbol select.selectStyle {
	float: left;
	margin-bottom: 10px;
}
#chooseASymbol .cutArea{
	float: left;
	width: 720px;
	margin-top:10px;
}
#chooseASymbol h3 {
	margin-bottom: 10px;
	margin-top: 0;
}


#chooseASymbol .infoBubble {
    background: url("../images/checksprites_03-2025.png") no-repeat scroll 0 -5750px transparent;
    height: 200px;
    width: 320px;
	position:absolute;
	top:0px;
	left:401px;
}
#chooseASymbol .infoBubble h4 {
    font-size: 12px;
    font-weight: bold;
    padding-left: 45px;
    padding-top: 145px;
}
#chooseASymbol .infoBubble p {
    font-size: 10px;
    padding-left: 45px;
}
#chooseASymbol label.selectedCut {
	display: inline-block;
	width: 85px;
	height: 85px;
	border: solid 1px #CCC;
	background: url(../images/cuts-sprite.png)
}

#chooseASymbol input.selectMonogram {
	float: left;
	width: auto;
	margin: 0 5px 0 0;
}



#chooseASymbol .monogramSelection {
	height: 1px;
}

.symbolList li {
	float:left;
	display:inline-block;
	padding: 0 5px 10px 0;
}
.symbolList.modifySymbol li {
	margin-bottom: 0;
	*margin-bottom: -10px;
}
.symbolList li input {
	width:auto;
	vertical-align: top;
}
.symbolList label {
    background: url("../images/cuts-sprite.png") no-repeat scroll 0 0 transparent;
    background-size: 85px;
    border: 1px solid #E6E7E8;
    cursor: pointer;
    display: inline-block;
    height: 85px;
    text-indent: -9999px;
	text-align:left;
    width: 85px;
	*margin-right: 3px;
}
.symbolList .seeMoreWrap {
    float: left;
    text-align: center;
    width: 720px;
}
.symbolList .seeMoreWrap input#moreSymbols{
	background: url("../images/mainSprite-070921.png") no-repeat -758px -300px scroll transparent;
	width: 145px;
	height: 25px;
	border: 0;
	margin: 10px auto 0;
}
.symbolList.modifySymbol .seeMoreWrap input#moreSymbols{
	background-position: -625px -300px;
	width: 133px;
	margin-top: 0;
	cursor: pointer;
}
.symbolList.modifySymbol .seeMoreWrap {
	width: 133px;
	margin-left: 8px;
	margin-top: 30px;
}

h3.symbolTitle {
margin-top: 0px;
line-height:14px;
}

#bec-modal .noThanks {
	background: url("../images/mainSprite-070921.png") no-repeat -430px -300px scroll transparent;
	width: 88px;
	height: 25px;
	border: 0;
	margin-left:222px;
	margin-right:30px;
	float:left;
}
#bec-modal .selectContinue {
	background: url("../images/mainSprite-070921.png") no-repeat -1329px -300px scroll transparent;
	width: 157px;
	height: 25px;
	border: 0;
	display:inline-block;
}
#bec-modal #modalSymbolWrap {
	overflow: hidden;
	width:723px
}
#bec-modal .categoryList {
	width:173px;
	float:left;
	font-size: 10px;
	line-height: 14px;
}
#bec-modal .categoryList li{
	margin-bottom: 8px;
}
#bec-modal .categoryList .selected {
	font-weight:bold;
}
#bec-modal .symbolList {
	width:723px;
	float:right;
	height: 480px;
	overflow: auto;
	margin-bottom: 15px;
}
#bec-modal .all .symbolList li {
	display:inline-block;
}

	
#chooseAFont .inputColumn .price.extraVert{
	vertical-align: 5px;
}
#chooseAnOSL h2 span{	
}
#chooseAnOSL .oslChoices{
	width: 380px;
	margin-top: 10px;
	padding-bottom: 7px;
}
#chooseAnOSL .oslChoices input{
	width: 15px;
	margin-right: 5px;
}
#chooseAnOSL .oslChoices .formLine.customOSL input.customOSLfield{
	width: 208px;
	color: #C4CDDA;
	margin-top: 10px;
	margin-left: 20px;
}
#chooseAnOSL .oslChoices .formLine.customOSL input.customOSLfield.enabled{
	color: #000000;
}
#chooseAnOSL .oslChoices label{
	width: 360px;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	text-align: left;
	margin-right: 0;
}
#chooseAnOSL .oslChoices .formLine.customOSL input{
	vertical-align: middle;
	margin-top: 0px;
}
#chooseAnOSL .oslChoices .formLine.customOSL {
	margin-bottom: -5px;
}
#chooseAnOSL .oslChoices .formLine.customOSL .maxChar{
	font-size: 10px;
	margin-left: 20px;
}
#chooseAnOSL .infoBubble{
	width: 320px;
	height: 200px;
	background: url("../images/checksprites_03-2025.png") no-repeat 0 -3750px;
	float: right;
}
#chooseAnOSL .infoBubble h4 {
    font-size: 12px;
    font-weight: bold;
    padding-left: 45px;
    padding-top: 145px;
}
#chooseAnOSL .infoBubble p{
	font-size: 10px;
    padding-left: 45px;
}

/* @group Label Personalization */
.button.continue {
	/*display: inline-block;*/
	height: 30px;
	width: 97px;
}

.button.noChanges {
    height: 30px;
    width: 126px;
    margin: 0 auto;
    background-position: -620px -60px;
}
.secure.labelPersonalization .personalizationPreview {
	margin:0px 0px 20px;
}
.secure.labelPersonalization .bottomOfPageLinks {
	padding: 0;
}
.secure.labelPersonalization .imageCenter{
	width: 745px;
	text-align: center;
}
.secure.labelPersonalization .imageCenter .previewShaddow{
	width: 400px;
	display: inline-block;
}
.secure .button.preview.deactive{
	background-position: -1329px 0;
	width: 81px;
}
.secure .button.approve.deactive{
	background-position: -1410px 0;
	width: 96px;
	border: none;
	cursor:default;
}
.secure .bottomOfPageLinks.deactive{
	color: #BEC4CB;
}
body.labelPersonalization span.price .strike {
text-decoration: line-through;
}
#nameAndAddress fieldset{
	float: left;
	width: 719px;
}
#chooseAColor h2, #nameAndAddress h2{
	margin-bottom: 15px;
}
#chooseAColor ul {
   /*float:left;*/
}
#chooseAColor .inputColumn {
    float: left;
	/*margin-bottom:0px;
    margin-right: 10px;*/
    width: 225px;
	margin:0;
	padding:0;
}
#chooseAColor .inputColumn div {
    margin-bottom: 15px;
}

#chooseAColor input{
	width: 15px;
	margin-right: 10px;
}
#chooseAColor label {
	text-align: left;
	width: 100px;
}
#chooseAColor label span{
	font-size: 12px;
	font-weight: normal;
}
#chooseAColor label .color{
	background: url("../images/mainSprite-070921.png") no-repeat;
	height: 25px;
	width: 25px;
	display: inline-block;
	vertical-align: middle;
}
#chooseAColor label .color.black{
	background-position: -400px -640px;
}
#chooseAColor label .color.green{
	background-position: -520px -640px;
}
#chooseAColor label .color.brown{
	background-position: -440px -640px;
}
#chooseAColor label .color.red{
	background-position: -560px -640px;
}
#chooseAColor label .color.blue{
	background-position: -480px -640px;
}
#chooseAColor label .color.purple{
	background-position: -600px -640px;
}

/* @end */


/* @end */

/* @group Reorder Styles */
.secure.reorderChecks.yourAccount .newCustomerLink{
	font-size: 12px;
}

.secure.reorderChecks.yourAccount .formLine label{
	width: 155px;
	line-height: 14px;
}
.secure.reorderChecks.yourAccount .formLine label .optional {
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
}
.secure.reorderChecks.yourAccount .formLine input#routingNumber{
	width: 94px;
}
.secure.reorderChecks.yourAccount .formLine input#accountNumber{
	width: 210px;
}
.secure.reorderChecks.yourAccount .formLine input#startNumber, .secure.reorderChecks.yourAccount .formLine input#offerCode, .secure.reorderChecks.yourAccount .formLine input#zipCode{
	width: 110px;
}
.secure.reorderChecks.yourAccount .formLine a{
	margin-left: 7px;
	font-size: 10px;
	text-decoration: underline;
}
.secure.reorderChecks.yourAccount .nameOnAccountExtraInfo {
    position: absolute;
    right: 0;
    top: -16px;
    width: 276px;
}
.secure.reorderChecks.yourAccount .nameOnAccountBubble {
    margin-bottom: -20px;
    margin-left: -45px;
}
.secure.reorderChecks.yourAccount #bubbleDetails, .secure.reorderChecks.yourAccount #accountBubbleDetails {
    position: relative;
    z-index: 400;
}
.secure.reorderChecks.yourAccount .nameOnAccountExtraInfo h4 {
    font-weight: bold;
    line-height: 14px;
}
.secure.reorderChecks.yourAccount .zipCodeText {
	width: 250px; 
	margin-left: 165px;
	line-height: 12px;
}

.secure.reorderChecks.yourAccount #accountInfo .nameOnAccountBubble {
    background-position: 0 -3990px;
}
.secure.reorderChecks.yourAccount #accountInfo.routingNumber .nameOnAccountBubble {
    background-position: 0 -3990px;
}
.secure.reorderChecks.yourAccount .altFormat #accountInfo.routingNumber .nameOnAccountBubble {
    background-position: 0 -4240px;
}
.secure.reorderChecks.yourAccount #accountInfo.accountNumber .nameOnAccountBubble {
    background-position: 0 -4490px;
}
.secure.reorderChecks.yourAccount .altFormat #accountInfo.accountNumber .nameOnAccountBubble {
    background-position: 0 -4740px;
}
.secure.reorderChecks.yourAccount #accountInfo.startNumber .nameOnAccountBubble {
    background-position: 0 -4990px;
}
.secure.reorderChecks.yourAccount .altFormat #accountInfo.startNumber .nameOnAccountBubble {
    background-position: 0 -5240px;
}
.secure.reorderChecks.yourAccount #accountInfo.offerCode .nameOnAccountBubble {
    background-position: -999999px -0px;
}
.secure.reorderChecks.yourAccount #accountInfo.zipCode .nameOnAccountBubble {
    background-position: -999999px -0px;
}

/* IE9 Modal alignment fix */
.secure.reorderChecks.approve {
	width: auto;
}

.modifyYourChecks .pageBody .checkTabbedInterface .checkBuyBox,
.reorderChecks.approve .pageBody .checkTabbedInterface .checkBuyBox {
	width:697px;
	margin-bottom: 5px;
}
.modifyYourChecks .pageBody .checkTabbedInterface .enterOfferCode,
.reorderChecks.approve .pageBody .checkTabbedInterface .enterOfferCode {
	display: block;
	margin: 0 auto;
}
.modifyYourChecks .pageBody .checkTabbedInterface .checkBuyBox .topTearContainer,
.reorderChecks.approve .pageBody .checkTabbedInterface .checkBuyBox .topTearContainer {
	width:347px;
	margin: 0 auto;
}
.modifyYourChecks .pageBody .checkTabbedInterface .buyYourChecksHeading strong,
.reorderChecks.approve .pageBody .checkTabbedInterface .buyYourChecksHeading strong {
	float: left;
	margin: 0 0 0 10px;
	width: 338px;
}
.modifyYourChecks .pageBody .checkTabbedInterface .buyYourChecks,
.reorderChecks.approve .pageBody .checkTabbedInterface .buyYourChecks {
	width: 695px;
}
.modifyYourChecks .pageBody .checkTabbedInterface .topTearContainer .buyYourChecks,
.reorderChecks.approve .pageBody .checkTabbedInterface .topTearContainer .buyYourChecks {
	width: 345px;
}
.modifyYourChecks .pageBody .checkTabbedInterface .duplicateChecks,
.modifyYourChecks .pageBody .checkTabbedInterface .singleChecksTopStub,
.modifyYourChecks .pageBody .checkTabbedInterface .singleChecks,
.reorderChecks.approve .pageBody .checkTabbedInterface .duplicateChecks,
.reorderChecks.approve .pageBody .checkTabbedInterface .singleChecksTopStub,
.reorderChecks.approve .pageBody .checkTabbedInterface .singleChecks {
	width: 327px;
	margin: 5px 0 0;
}
.modifyYourChecks .pageBody .checkTabbedInterface .singleChecksTopStub,
.reorderChecks.approve .pageBody .checkTabbedInterface .singleChecksTopStub {
	width: 675px;
}
.modifyYourChecks .pageBody .checkTabbedInterface .buyYourChecks td,
.reorderChecks.approve .pageBody .checkTabbedInterface .buyYourChecks td {
	width: 327px;
	padding-top: 1px;
}
.modifyYourChecks .pageBody .checkTabbedInterface .buyYourChecks .singleChecksTopStub td,
.reorderChecks.approve .pageBody .checkTabbedInterface .buyYourChecks .singleChecksTopStub td {
	/*width: 675px;*/
}
.modifyYourChecks .pageBody .checkTabbedInterface input,
.reorderChecks.approve .pageBody .checkTabbedInterface input {
	width:auto;
	margin:3px 3px 3px 4px;
}


/* @end */


/* @group Secure Approval Page Styles (ALL) */

.secure .imageCenter {
    text-align: center;
    width: 745px;
}
.secure .imageCenter .previewShaddow{
	width: 588px;
	display: inline-block;
}
.secure .pageBody .currentSelection{
	font-size: 12px;
	line-height: 18px;
	margin: -10px auto 20px 75px;
}


/* @end */


/* @group Checkout Styles */

/* @group Welcome / Billing Shipping Page Styles */
#welcome h2 {
	margin-bottom: 10px;
}
#welcome .companyAddress {
    float: right;
    margin-top: -5px;
    width: 200px;
}
body.checkout.welcome .button.continue {margin:0 auto;}
body.billingShipping .bottomOfPageLinks,
body.welcome .bottomOfPageLinks {
	display: block;
	text-align: center;
}
body.billingShipping #bec-modal .bottomOfPageLinks {
	clear:both;
}
body.billingShipping .bottomOfPageLinks .button.continue {
    margin:0 auto;	
}
/* @end */

/* @group Review Order Styles */

#reviewShippingBilling {
	background:url("../images/2_col_bg.png") repeat-y 0 0 transparent;
	position:relative;
	float:left;
	width:100%;
}

#reviewShippingBilling .topCap,
#reviewShippingBilling .bottomCap {
	background:url("../images/mainSprite-070921.png") no-repeat scroll -1004px -640px transparent;
	position:absolute;
	height:10px;
	top:0px;
	left:0px;
	width:100%;
}
#reviewShippingBilling .bottomCap {
	background-position: -1004px -650px;
    bottom: 0;
    top: auto;
}
#reviewShippingBilling .reviewShipping,
#reviewShippingBilling .reviewBilling {
	float:left;
	width: 345px;
	padding:11px;
}
#reviewShippingBilling .reviewBilling {
	margin: 0 0 0 10px;
}
#reviewShippingBilling span.reviewAddress {
    display: inline-block;
    line-height: 18px;
    margin: 0 0 5px;
    vertical-align: middle;
    width: 240px;
}
#reviewShippingBilling span.reviewEdit {
	display:inline-block;
	vertical-align:middle;
	font-size:10px;
	margin:0px 0px 15px;
	width: 40px;
}
#reviewShippingBilling span.reviewEdit.deliveryOption {
	vertical-align:top;
	margin:0 0 12px -3px;
}
span.red {
	color: #990000;
}

#reviewShippingBilling .secureShipPreSelected{
	font-size: 10px;
	line-height: 14px;
	width: 240px;
	margin-top: -10px;
}
.questionIcon {
    background: url("../images/icon-question.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 11px;
    width: 11px;
}
#reviewShippingBilling .reviewShipping span.questionIcon{
	margin: 0;
}

.secure .pageBody .fieldSetSubHead a.whatIsSecureShip{
	text-decoration:none;
	margin-left: 5px;
}
.secure .pageBody .fieldSetSubHead a.whatIsSecureShip:hover {
	text-decoration: underline;
}
/* @end */

/* @group Billing and Shipping Styles */

/* @group SecureShip Styles */

#secureShip {
	position: relative;
}
#secureShip fieldset{
	position: relative;
}
#secureShip .fieldSetSubHead{
	font-size: 10px;
	line-height: 14px
}
#secureShip .secureShipOption{
	background-color: #FFFFFF;
	border: 1px solid #B4C8DC;
	padding: 10px;
	width: 291px;
	margin-top: 5px;
	margin-bottom: 40px;
}
#secureShip input{
	width: 15px;
	margin-bottom: 12px;
	*margin-bottom: 10px;
}
#secureShip .secureShipOption label{
	font-size: 13px;
	line-height: 18px;
	width: 242px;
	text-align: left;
	margin-right: 0;
}
#secureShip .secureShipOption label em{
	color: #990000;
	font-style: normal;
}
#secureShip .secureShipOption label span{
	font-size:12px;
	font-weight: normal;
}
#secureShip .secureShipOption p {
	font-size: 12px;
	line-height: 18px;
	margin: 10px auto 0 20px;
}
#secureShip .secureShipArrow{
	height: 133px;
	width: 451px; 
	position: absolute;
	top: -9px;
	right: -20px; 
}
#secureShip .secureShipArrowHead{
	float: left;
	width: 74px;
}
#secureShip .secureShipBullets{
	height: 80px;
	width: 356px;
	background-color: #E6EEF4;
	margin-left: 74px;
	margin-top: 20px;
	font-size: 10px;
	line-height:14px;
	padding: 5px;
	margin-right: 0px;
}
#secureShip .secureShipBullets p{
	color: #990000;
	font-size:14px;
	margin-bottom: 5px;
}
#secureShip .secureShipBullets ul{
	list-style-type: disc;
	padding-left: 15px;
	width: 160px;
	margin-right: 0px;
	float: left;
}
#secureShip .secureShipBullets ul.secureShipLista {
	width: 152px;	
}
#secureShip .secureShipBullets ul.secureShipListb {
	width: 159px; 
	margin-right: 0px;
}
#secureShip .secureShipBullets li{
	margin-bottom: 5px;
}
#secureShip .quikShipBullets{
	height: 80px;
	width: 356px;
	background-color: #E6EEF4;
	margin-left: 74px;
	margin-top: 20px;
	font-size: 12px;
	line-height:16px;
	padding: 5px;
}
#secureShip .quikShipBullets p{
	color: #990000;
	font-size:14px;
	margin-bottom: 5px;
}
#secureShip .quikShipBullets ul{
	list-style-type: disc;
	padding-left: 20px;
	width: 330px;
	margin-right: 5px;
	float: left;
}
#secureShip .quikShipBullets li{
	margin-bottom: 5px;
}
#secureShip .additionalOptions{
	float: left;
	width: 720px;
	margin-bottom: 16px;
}
#secureShip .additionalOptions .option{
	float: left;
	width: 238px;
	margin-right: 0px;
}
#secureShip .additionalOptions.usTerritories .option{
	float: none;
	margin:0;
	width: 280px;
}
#secureShip .additionalOptions.usTerritories .option.standardOption{
	margin:15px 0 0px;
	width: 260px;
}
#secureShip .additionalOptions .option.standardOption{
	margin-right:0;
}
#secureShip .additionalOptions .option label{
	font-size: 12px;
	line-height: 14px;
	width: 213px;
	text-align: left;
	margin-right: 0;
}
#secureShip .additionalOptions .option label span{
	font-size: 10px;
	font-weight: normal;
}
#secureShip .additionalOptions .option p{
	margin: 5px auto 0 20px;
}

/* @end */

.modalStyle form .fieldSetSubHead,
.secure.checkout .pageBody .fieldSetSubHead{
	font-size: 10px;
	line-height: 14px;
	margin-bottom: 10px;
}
#shipInfo .requiredNote, #billInfo .requiredNote{
	font-size: 10px;
	margin-left: 245px;
	margin-bottom: 5px;
}
	
#shipInfo .customersInfo{
	width: 235px;
	margin-left: 245px;
	margin-top: -6px;
}
#shipInfo .diffBillingInput{
	width: 15px;
	margin-left:245px;
}
#shipInfo .diffBillingLabel{
	font-weight:normal;
	font-size: 11px;
	line-height: 13px;
	text-align: left;
	margin-right: 0;
	margin-left: 5px;
	width: 420px;
}
#shipInfo fieldset {
	position: relative;
}
#shipInfo .otherCustomers{
	width: 223px;
	position: absolute;
	right: 0;
	top: 20px;
	padding-left: 20px;
}
fieldset input#city{
	width: 112px;
	margin-right:3px;
}

.secure.checkPersonalization.yourInformation fieldset input#zip {
	margin-left: -1px;
	*margin-left: -5px;
}

.secure.modifyYourChecks.modifyChecks fieldset input#zip {
	margin-left: -1px;
	*margin-left: -5px;
}

fieldset input#zip{
	width: 75px;
}
.cityStateZip label {
    margin-left: 2px;
    width: auto;
}
#billInfo #city {
	margin-right:0px;
	width: 235px;
}
#billInfo #state,
#billInfo .state.selectbox {
	margin-left: -4px;
}
#billInfo #zip {
	width: 75px;
	margin-left:0px;
}

#shipInfo.nonCheckBuyer fieldset input#city {
	width:235px;
}
#shipInfo fieldset input#zip{
	width: 80px;
}
#shipInfo.nonCheckBuyer fieldset select.state{
	width: 200px;
}


/* @end */

/* @group Checkout Modal Styles */

.reorderPromo {
	text-align: center;
	margin-top: 15px;
}
.reorderPromoOptions {
	margin: 15px auto 10px auto;
	width: 347px;
	overflow:hidden;
}
.reorderPromoOptions .noThanksNoButton {
	background: none repeat scroll 0 0 transparent;
	float:left;
	position: static;
    height: auto;
	width: auto;
	text-decoration: underline;
	filter:none;
}
.reorderPromoOptions form {
	float:right;
	padding: 2px; /* padding modified/added to expose tab highlight for ADA compliance */
}
.activateSpecialOffer {
	background-position: -1340px -150px;
	height: 30px;
	width: 213px;
	float: right;
	margin-left: 16px;
	border:none;
}

.modalStyle.reorderOfferCode h2{
	font-size: 16px;
}
.modalStyle.reorderOfferCode p{
	line-height: 18px;
}
.modalStyle.reorderOfferCode .offerCodeGraphic{
	margin: 15px auto auto 60px;
}

.secureShipUpSell h2 {
	font-size:16px;
	line-height:20px;
}
.secureShipUpSell form {
	margin: -45px 0px 0px -10px;
	padding: 22px 0 0 10px;
	background:url(../images/secureShipModalBg.png) no-repeat;
	float:left;
	width:734px;
	position:relative;
	z-index:300;
}
.secureShipUpSell p.fieldSetSubHead {
	position:relative;
	z-index:400;
	width: 370px;
}
.secureShipUpSell form p {
	line-height:16px;
	margin: 2px 0;
}

.modalStyle .shippingOptions {
	font-size:10px;
	width: 400px;
	float:left;
	margin-top: 49px;
}

.modalStyle .shippingOptions li {
	margin:12px 0 18px;
}
.modalStyle .shippingOptions li.secureShipOption{
	margin-bottom: 25px;
}
.modalStyle .shippingOptions .shippingDetails {
	display:inline-block;
	line-height: 12px;
}

.modalStyle .shippingOptions input {
	margin:7px 5px 5px 0;
	width:auto;
}
.modalStyle .shippingOptions .secureShipOption .shippingDetails {
	line-height: 16px;
}
.modalStyle .shippingOptions .secureShipOption .shippingDetails label {
	line-height: 18px;
}
modalStyle .shippingOptions .secureShipOption .shippingDetails p{
	margin-top: 2px;
	line-height: 18px;
}
.modalStyle .secureShipOption .shippingDetails label strong {
	font-size:15px;
}
.modalStyle .secureShipOption .shippingDetails label span,
.modalStyle .secureShipOption .shippingDetails p {
	font-size:12px;
}

.modalStyle .shippingOptions input {
	display:inline-block;
	vertical-align:top;
	margin:3px 5px 5px 0px;
}
.modalStyle .shippingOptions em {
	color:#990000;
	font-style: normal;
}
.modalStyle .shippingOptions label strong {
	font-size:11px;
}

.modalStyle .secureShipCallout {
	width:255px;
	float:right;
	color:#32465A;
	margin: 75px 0 0;
}
.modalStyle .secureShipCallout h3 {
	color:#990000;
	font-size:27px;
}
.modalStyle .secureShipCallout h4 {
	font-size:15px;
}
.modalStyle .secureShipCallout ul {
	list-style: disc outside none;
	margin: 0 0 0 15px;
	line-height: 16px;
}
.modalStyle .secureShipCallout li {
	font-size:12px;
	margin-bottom: 5px;
}

/* @end */

/* @group Exit Modal Styles */

.CancelMed {
    background-position: -400px -150px;
    height: 28px;
    width: 69px;
	margin-right: auto;
	margin-left: auto;
}

.ContinueMed {
    background-position: -579px -0px;
    height: 28px;
    width: 103px;	
	margin-right: auto;
	margin-left: auto;
}

.exitPersContent {
	width: 308px;
	margin: 10px auto 0px auto;
	font-size: 10px;
	text-align: center;
}
.exitPersCancel {
	font-size: 10px;
	line-height: 14px;
	width: 161px;
	display: inline-block;
	float: left;
}
.exitPersContinue {
	font-size: 10px;
	line-height: 14px;
	width: 113px;
	display: inline-block;
	margin-left: 34px;
}
.exitPersCancel a,
.exitPersContinue a {
	margin: 0 auto 5px;
}


/* @end */

/* @end */


/* @group Secure Top Nav Styles */

/* @group Temperature Bar Styles */

.secure .temperatureBar {
		margin: 2px 0 0 0;
		background-image: url("../images/temperatureBarSprite.png");
		width: 970px;
		height: 37px;
	}
/* These styles needed to remove temperature bar from label page and adjust spacing for removed temperature bar */	
.secure.labelPersonalization .temperatureBar {
		background-image: none;
		height: 0;	
	}
.secure.labelPersonalization .topNav {
		margin-bottom: 10px;
	}
.secure.checkPersonalization.yourInformation .temperatureBar {
		background-position: 0 0;	
	}
.secure.checkPersonalization.customizeDesign .temperatureBar {
		background-position: 0 -37px;	
	}
.secure.checkPersonalization.approve .temperatureBar {
		background-position: 0 -74px;	
	}
.secure.checkout.welcome .temperatureBar {
		background-position: 0 -111px;	
	}
.secure.checkout.billingShipping .temperatureBar {
		background-position: 0 -148px;	
	}
.secure.checkout.reviewOrder .temperatureBar {
		background-position: 0 -185px;	
	}
.secure.modifyChecks.modifyYourChecks .temperatureBar {
		background-position: 0 -222px;	
	}
.secure.modifyChecks.approve .temperatureBar {
		background-position: 0 -259px;	
	}
.secure.reorderChecks.yourAccount .temperatureBar {
		background-position: 0 -296px;	
	}
.secure.reorderChecks.approve .temperatureBar, .secure.reorderChecks.modifyYourChecks .temperatureBar, .secure.reorderChecks.changeDesign .temperatureBar, .secure.reorderChecks.crossSell .temperatureBar, .secure.reorder.billingShipping .temperatureBar {
		background-position: 0 -333px;	
	}
.secure.reorderChecks.reviewOrder .temperatureBar {
		background-position: 0 -369px;	
	}

/* @end */

.secure .topNav {
    margin-bottom: 30px;
}

.productDetail.secure .topNav .actionBar .temperatureBar {
    display: none;
}

.secure .topNav .trustIconWrapper{
	width: 500px;
	height: 62px;
	background: url(../images/trustStatementHeader.png) no-repeat;
	position: absolute;
	top: 15px;
	left: 408px;
}

.secure .topNav  .trustIconWrapper a{
	position: absolute;
	top: 24px;
	left: 30px;
	display: none;
}

.secure .topNav  .trustIconWrapper .secureLogo{
	position: absolute;
	top: 23px;
	left: 115px;
	display: block;
}

.secure .topNav  .trustIconWrapper .veriSignLogo{
	position: absolute;
	top: 25px;
	left: 223px;
	display: block;
}

.secure .topNav  .trustIconWrapper .dmaLogo{
	position: absolute;
	top: 29px;
	left: 340px;
	display: block;
}

/* @end */

/* @group Secure Bottom Nav Styles */

.secure .bottomNav .helpNumber {
	font-weight: bold;
	position: absolute;
	right: 0;
	top: 50px;
}

.secure .bottomNav .dividerBar {
	top: 72px;
}

.secure .bottomNav .secureFootColumnOne{
	position: absolute;
	top: 87px;
	font-size: 10px;
}

.secure .bottomNav .secureFootColumnTwo{
	position: absolute;
	top: 87px;
	left: 180px;
	font-size: 10px;
	line-height: 14px;
	height: 85px;
}

.secure .bottomNav .secureFootColumnTwo div{
	margin-bottom: 12px;
}

.secure .bottomNav .secureFootColumnThree{
    font-size: 10px;
    left: 360px;
    line-height: 14px;
    position: absolute;
    top: 87px;
	
}

.secure .bottomNav .csInfo {
	font: normal 10px/14px Verdana, Geneva, sans-serif;
	margin: 0 0 8px;
}

.secure .bottomNav .csInfo em {
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
}

.secure .bottomNav .bottomGradient{
	position: absolute;
    bottom: 5px;
}

.secure .bottomNav a.privacyPolicyLink{
	  position: absolute;
    bottom: -18px;
    left: 0;
    font-size: 10px;
    text-decoration: underline;
    top: auto;
}

.secure .bottomNav .copyright{
	right: 0;
    left: auto;
    top: auto;
    bottom: -18px;
}

.secureFootColumnTwo {
	position: absolute;
	bottom: 20px;
}

.secureFootColumnTwo {
	position: absolute;
	bottom: 20px;
}





/* @end */

/* @group Error Styles */
.secure .pageBody .topOfPageImportantMessage {
		margin-top: 0;
	}
	
	


/* @end */

/* @group Layout Styles */

.secureBody {
		width: 745px;
		padding: 0 114px;
	}
	
.secure .pageBody h1 {
		font: bold 21px/24px Verdana,helvetica,sans-serif;
	}
	
.secure.checkout h1 {
		margin-bottom: 10px;
	}
.secure.checkout.reviewOrder h1{
	margin-bottom: 0;
}

	
.secure .pageBody p {
		margin:0 0 10px;
	}
	
.secure .pageBody p.preHead, #bec-modal .modalStyle.ezShieldUpsell p.preHead {
	font: 12px/16px Verdana, Geneva, sans-serif;
	margin: 0 0 3px;	
}

.secure.changeDesign h1, .secure.changeDesign h2,.secure.changeDesign h3{
		margin: 0;
	}
.secure.changeDesign h2 {
	font-weight:bold;
	font-size:16px;
}
.secure.changeDesign h3 {
		 margin-bottom: 5px;
	}



/* @end */

/* @group Bottom-of-Page Link Styles */
.modifyYourChecks.modifyChecks .pageLinks,
.reorderCheck.modifyYourChecks .pageLinks,
.checkPersonalization.customizeDesign .pageLinks,
.secure.checkReorder .pageLinks {
	padding: 0 12px;
}
.secure.reorderChecks.approve .pageLinks,
.secure.modifyChecks .pageLinks {
	padding: 0 20px;
}
.secure.reorderChecks .pageLinks.approve,
.secure.modifyChecks .pageLinks.approve {
	padding: 0;
	margin-left: -10px;
}
.secure .pageLinks {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	font-size: 10px;
	line-height: 14px;
	margin-bottom: 10px;
}
.secure .pageLinksCenter {
		text-align: center;
		width: 745px;
}
.secure .pageLinksCenter.topLinks .pageLinks {
	vertical-align: middle;
}
.secure.checkPersonalization.yourInformation .pageLinks, .secure .pageLinksCenter .pageLinks {
	padding: 0 15px 0;
}
.secure.labelPersonalization .pageLinksCenter .pageLinks {
	height:70px;
	position:relative;
}
.secure.labelPersonalization .pageLinksCenter .pageLinks p {
    left: -46px;
    position: absolute;
    width: 220px;
	top: 36px;
}
.secure.checkPersonalization.approve .pageLinks {
	width: 235px;
	padding: 0 5px;
}

.secure .pageLinks a {
	text-decoration: underline;	
}

.secure .pageLinks .button {
	margin:0 auto 3px;
	*margin:0 0 3px;
}
.secure .pageLinks .button.continue.bottom{
	float: none;
}
.secure.approve .disclaimer {
	font-size: 10px;
	line-height: 14px; 
	margin: 15px 0 0;
	text-align: center;
}

.checkout .pageLinks {
	display: inline-block;
	width: 745px;	
}

/* @end */

/* @group Reorder-change-design Link Styles */

.secure.changeDesign .currentDesignArea {
	margin-bottom: 15px;
}
.secure.changeDesign .currentDesignArea .currentDesignArrow {
    background: url("../images/mainSprite-070921.png") no-repeat scroll -700px -500px transparent;
    display: inline-block;
    height: 62px;
    padding-right: 45px;
    padding-top: 20px;
    text-align: right;
    vertical-align: middle;
    width: 230px;
	*display: inline;
	zoom: 1;
}
.secure.changeDesign .currentDesignArea.secondaryProduct .currentDesignArrow{
	text-align: center;
	padding-right: 15px;
	padding-top: 17px;
	width: 260px;
	height: 64px;
}
.secure.changeDesign .currentDesignArea.secondaryProduct .currentDesignArrow p{
	line-height: 14px;
}
.secure.changeDesign .currentDesignArea.secondaryProduct .currentDesignArrow .notAvailable{
	font-size: 10px;
	line-height: 12px;
}
.secure.changeDesign .currentDesignArea .currentDesignArrow .redHeadline{
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #990000;
}
.secure.changeDesign .currentDesignArea .currentDesignImage{
	vertical-align: middle;
	margin-right: 10px;
}
.button.keepCurrentDesign{
	background-position: -904px -300px;
	width: 174px;
	height: 25px;
}
.button.seeItNow{
	background-position: -400px -400px;
	height: 20px;
	width: 64px;
	display: inline-block;
}
.secure.changeDesign .currentDesignArea .button.keepCurrentDesign{
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	zoom: 1;
}

/* @end */

/* @group Review-Shipping-Billing Link Styles */

#reviewShippingBilling {
	margin-bottom: 15px;
}
.pageBody .fieldset {
	clear:both
}

.pageBody #creditCardInfo .formLine strong {
	color: #32465A;
	display: inline-block;
	font: bold 11px/11px Verdana,Geneva,sans-serif;
	margin: 0 10px 0 0;
	padding: 0;
	text-align: right;
	vertical-align: middle;
	width: 235px;
}
		
.pageBody #creditCardInfo .formLine .acceptedCreditCards {
	display:inline
}
.pageBody #creditCardInfo .formLine .acceptedCreditCards li {
	display:inline;
}
.pageBody #creditCardInfo .formLine .acceptedCreditCards input {
	width:13px;
	cursor:pointer;
}
.pageBody #creditCardInfo .formLine .acceptedCreditCards label {
	width:41px;
	height:26px;
	text-align:left;
	background:url("../images/mainSprite-070921.png") no-repeat scroll -701px -641px transparent;
	cursor:pointer;
	text-indent:-9999px;
	margin-left: 5px;
}
.pageBody #creditCardInfo .formLine .acceptedCreditCards .ccMC label {
	background-position:-751px -641px;
}
.pageBody #creditCardInfo .formLine .acceptedCreditCards .ccDisc label {
	background-position:-801px -641px;
}
.secure .button.submitOrder {
	background-position: -1762px 0;
	border: medium none;
	height: 31px;
	line-height: 0;
	width: 129px;
}

.secure .button.submitOrderGrey {
	background-position: -3153px 0;
	border: medium none;
	height: 31px;
	line-height: 0;
	width: 129px;
}

/* @end */


/* @group Confirmation Page Styles */

.confirmationPage .crossSellWrapper{
	width: 215px;
	margin-top: 15px;
	display: inline-block;
}
.confirmationPage .crossSellWrapper img{
	width: 100px;
	margin-right: 10px;
	display: inline-block
}
.confirmationPage .crossSellWrapper .productInfo{ /* Added vertical-align and inline-block; removed float for ADA Compliance */
	font-size: 10px;
	line-height: 14px;
	vertical-align: top;
	display: inline-block;
	width: 100px;
}
.confirmationPage .crossSellWrapper .productInfo .price, .confirmationPage .crossSellWrapper .productInfo .unitInfo, .confirmationPage .crossSellWrapper .productInfo .button.seeItNow{
	margin-bottom: 3px;
}

.confirmationPage .crossSellWrapper .productInfo p.productTitle { /* Selector changed from "a.productTitle" to "span.product title" to remove separate links for ADA Compliance */
	display: block;
	margin-bottom: 4px;
}

.confirmationPage .crossSellWrapper .productInfo p.productTitle:hover {
	text-decoration: underline;
}

/* @end */






/* @group Cuts Sprite */

	.symbolList label {
    background: url("../images/symbols-sprite-050622.png") no-repeat scroll 0 0 transparent;
	}
	
/*
	Rules like the ones below will display all the cuts for each category when it is selected
	the id of the cateory will become a class of a parent div when the category is selected
	The li tag that contains the cut will also have the class
	That is why the same class is used Twice in the rule
*/
	#bec-modal .Birds-Butterflies li.Birds-Butterflies {display:inline-block}
	#bec-modal .Charity-Support li.Charity-Support {display:inline-block}
	#bec-modal .Dogs-Cats li.Dogs-Cats {display:inline-block}
	#bec-modal .Fantasy li.Fantasy {display:inline-block}
	#bec-modal .Floral li.Floral {display:inline-block}
	#bec-modal .Inspirational-Motivational li.Inspirational-Motivational {display:inline-block}
	#bec-modal .Just-for-Fun li.Just-for-Fun {display:inline-block}
	#bec-modal .Lifestyle li.Lifestyle {display:inline-block}
	#bec-modal .Fantasy li.Fantasy {display:inline-block}
	#bec-modal .Lifestyle li.Lifestyle {display:inline-block}
	#bec-modal .Love-Friendship li.Love-Friendship {display:inline-block}
	#bec-modal .Patriotic li.Patriotic {display:inline-block}
	#bec-modal .Religious-Angels li.Religious-Angels {display:inline-block}
	#bec-modal .Lifestyle li.Lifestyle {display:inline-block}
	#bec-modal .Scenic-Travel li.Scenic-Travel {display:inline-block}
	#bec-modal .Sports-Leisure li.Sports-Leisure {display:inline-block}
	#bec-modal .Undersea-Shore li.Undersea-Shore {display:inline-block}
	#bec-modal .Wildlife-Animals li.Wildlife-Animals {display:inline-block}
	#bec-modal .favorites li.favorites {display:inline-block}


.cut_930069 label {background-position: 2px 0px;} /* Agriculture */
.cut_816380 label {background-position: 2px -85px;} /* Backhoe */
.cut_149404 label {background-position: 2px -170px;} /* Baseball */
.cut_542087 label {background-position: 2px -255px;} /* Boat - Sail */
.cut_421065 label {background-position: 2px -340px;} /* Butterfly */
.cut_107495 label {background-position: 2px -425px;} /* Cape Cod Home */
.cut_979258 label {background-position: 2px -510px;} /* Carpentry (Box) */
.cut_819216 label {background-position: 2px -595px;} /* Car - Antique 1 */
.cut_658844 label {background-position: 2px -680px;} /* Cat - Siamese */
.cut_919073 label {background-position: 2px -765px;} /* Cat Lover */
.cut_821711 label {background-position: 2px -850px;} /* Cherub */
.cut_347887 label {background-position: 2px -935px;} /* Cow */
.cut_982262 label {background-position: 2px -1020px;} /* Deer Jumping */
.cut_251881 label {background-position: 2px -1105px;} /* Diamond */
.cut_635673 label {background-position: 2px -1190px;} /* Dog */
.cut_935894 label {background-position: 2px -1275px;} /* Dog Head */
.cut_784146 label {background-position: 2px -1360px;} /* Dog Paw Print */
.cut_088684 label {background-position: 2px -1445px;} /* Eagle */
.cut_227338 label {background-position: 2px -1530px;} /* Firefighters */
.cut_044428 label {background-position: 2px -1615px;} /* Fish Religious */
.cut_884920 label {background-position: 2px -1700px;} /* Fishing - Bass */
.cut_122236 label {background-position: 2px -1785px;} /* Flag */
.cut_538430 label {background-position: 2px -1870px;} /* Forest */
.cut_242473 label {background-position: 2px -1955px;} /* Golf */
.cut_270986 label {background-position: 2px -2040px;} /* Hair Styling */
.cut_233465 label {background-position: 2px -2125px;} /* Happy Face */
.cut_675674 label {background-position: 2px -2210px;} /* Heart */
.cut_139228 label {background-position: 2px -2295px;} /* Horse */
.cut_118544 label {background-position: 2px -2380px;} /* Jesus World */
.cut_940432 label {background-position: 2px -2465px;} /* Love one another */
.cut_574630 label {background-position: 2px -2550px;} /* Make it Last */
.cut_508203 label {background-position: 2px -2635px;} /* Medical */
.cut_882815 label {background-position: 2px -2720px;} /* Motorcycle */
.cut_052141 label {background-position: 2px -2805px;} /* Music */
.cut_073208 label {background-position: 2px -2890px;} /* Real Estate */
.cut_698784 label {background-position: 2px -2975px;} /* Paint Brush */
.cut_041671 label {background-position: 2px -3060px;} /* Rose */
.cut_465259 label {background-position: 2px -3145px;} /* Save the Earth */
.cut_694868 label {background-position: 2px -3230px;} /* Sewing */
.cut_792985 label {background-position: 2px -3315px;} /* Soccer */
.cut_141055 label {background-position: 2px -3400px;} /* Sunset/Beach */
.cut_880719 label {background-position: 2px -3485px;} /* Sunglasses */
.cut_028589 label {background-position: 2px -3655px;} /* Truck */
.cut_925324 label {background-position: 2px -3740px;} /* Truck Tow */
.cut_882584 label {background-position: 2px -3825px;} /* World */
.cut_316795 label {background-position: 2px -3925px;} /* Cross */

	
	.formLine .selectbox .display {
		width: 30px;
		margin-right: 0;
	}
	
	.secure.billingShipping.alternateShipping .formLine .selectbox .display {
		width: 140px;
		margin-right: 0;
	}
	
	.secure.checkout.reviewOrder .formLine .selectbox {
		width: 60px;
	}
	.secure.checkout.reviewOrder .formLine .selectbox .display {
		width: 60px;
		margin-right: 0;
	}
	
	.secure.checkout.billingShipping .formLine .selectbox .display{
		width: 140px;
		margin-right: 0px;
	}
	
    .formLine .selectbox {
		margin-right: 35px;
	}
	
	.secure.checkout.reviewOrder .formLine .selectbox {
		margin-right: 10px;
	}
	#accountInfo .formLine .selectbox {
		margin-right: 10px;
	}
	.formLine.accountOpenDate .selectbox {
		margin-right: 10px;
	}
	
	span.labelLimit {
		font-size: 10px;
		vertical-align: middle;
		margin-left: 5px;
	}
	
	
	#chooseAFormat span.haveOfferCode {
		text-align: center;
		float: left;
		width: 720px;
		position: relative;
		margin-bottom: 5px;
	}
	
	#chooseAFormat span.haveOfferCode a#dontHaveCode {
		left: 400px;
    	position: absolute;
    	top: 21px;
	}
	
	body.modifyYourChecks .pageBody .haveAnAd a#haveAnAdLink{
		position: absolute;
		top: 24px;
		left: 295px;
	}
	
	body.modifyYourChecks .pageBody .haveAnAd a#haveAnAdLink img {
		width: 129px;
		height: 9px;
	}

	.haveAnAddDesc form input#offerSearch {
	width: 137px;
}

body.secure.modifyYourChecks.modifyChecks .haveAnAddDesc form .continue {
    background: url("../images/mainSprite-070921.png") no-repeat scroll -1246px -300px transparent;
    height: 24px;
    width: 83px;
	float: right;
	border:none;
}	


table#orderTable .gray .price {
	float: right;
    margin-right: 5px;
	*padding-right: 8px;
	*margin-right: 0px;
}

table#orderTable .gray .price .unitPrice{
	float: none;
    margin-right: 0px;
	*margin-right: 0px;
}

/* additional new styles for personalized cards page*/

.hide{
	display: none !important;
}
input.radionYN {
    width: 50px;
    margin-left: -15px;
}

.pageBody h1.noSubhead{
	margin-bottom: 5px;
}
#chooseAColor h2, #nameAndAddress h2{
	margin-bottom: 5px;
}

label.PersCard{
	width: 110px !important;
}


input#notline1.PersCard,
input#notline2.PersCard,
input#notline3.PersCard,
input#notline4.PersCard{
	width: 410px !important;
}


/*ipad radio button fix*/

@media only screen and (max-width:980px) and (min-width:768px){
input.radionYN{
	margin-left: 0px;
}
}

/*CCPA addition*/
.ccpaModalLinkContainer {
    margin-top: 175px;
    color:#660000;
}
.ccpa .autoPopulateState {
    display: inline-block;
    margin-right: 197px!important;
}
.modal .ccpaForm fieldset .formLine input {
    width: 210px!important;
}