.errorFields{border:solid 1px #ff0000;} .errorColor{color:#ff0000;} #errorText{color:#ff0000;} #checkoutHeader{float:left;} /* checkout login */ #content #loginCol1{float:left;width:240px;padding: 0px 0px 50px 12px;} #content #loginHeader {padding: 10px 0px 10px 0px;} #content #errorText {display:none;} #content #loginCol1 .textBox {width:205px;} #content #loginDesc, #content #loginEmailBlock, #content #loginPassBlock {padding: 3px 0px;} #content #login1Btn, #content #login2Btn, #content #login3Btn {padding-top:15px;} #content #loginCol2 {float: left;width:275px;} #content #login2Header {padding:10px 0px 10px 28px;} #content #login22 {background-image:url(http://www.easyspirit.com/on/demandware.static/-/Sites-easyspirit-Library/default/v1506312874560/CSS/customerService/border_greyVert.gif);background-repeat:repeat-y;padding-left:28px;width:220px;height:160px;text-align:justify;} #content #loginCol3 {float: left;width:250px;} #content #login3Header {padding: 10px 0px 10px 28px;} #content #login32 {background-image:url(http://www.easyspirit.com/on/demandware.static/-/Sites-easyspirit-Library/default/v1506312874560/CSS/customerService/border_greyVert.gif);background-repeat:repeat-y;padding-left:28px;height:160px;} #loginForgot a, #loginForgot a:link, #loginForgot a:visited, #loginForgot a:active {color:#7C7C66; text-decoration:none;} /* checkout step 1 */ #register{padding-left:10px;padding-top:18px;float:left;width:300px;clear:both;} #register #optInCheckBox{padding-right:5px;} #register #registerFirstColumn {float:left;padding-bottom:20px;width:94px;} #register #registerSecondColumn {float:left;padding-bottom:20px;width:206px;} #shippingInformation{padding-top:10px;} #myInformation{padding-top:10px;} #myInformation,#billingInformation,#shippingInformation,#gifts,#promotions,#continue,#mailInOrder{padding-left:10px;width:300px;float:left;} #myInformation #myInfoFirstColumn,#billingInformation #billingInfoFirstColumn,#billingInformation #ccFirstColumn,#shippingInformation #shippingInfoFirstColumn{float:left;width:94px;} #myInformation #myInfoSecondColumn,#billingInformation #billingInfoSecondColumn,#billingInformation #ccSecondColumn,#shippingInformation #shippingInfoSecondColumn{float:left;width:194px;} #myInformation #myInfoSecondColumn span,#billingInformation #billingInfoSecondColumn span,#shippingInformation #shippingInfoSecondColumn span{float:left;} .phone1{padding-right:4px;overflow:hidden;width:44px;} .phone2{padding-right:4px;overflow:hidden;width:44px;} .phone3{width:97px;overflow:hidden;} #dwfrm_jagcheckoutmyinfo_profileinfo_profile_customer_phonedaytime1,#dwfrm_jagcheckoutmyinfo_profileinfo_profile_customer_phoneevening1, #dwfrm_jagcheckoutshipping_shippingAddress_addressfields_phonedaytime1,#dwfrm_jagcheckoutshipping_shippingAddress_addressfields_phoneevening1, #dwfrm_jagcheckoutbilling_billingAddress_addressfields_phonedaytime1,#dwfrm_jagcheckoutbilling_billingAddress_addressfields_phoneevening1{width:38px;} #dwfrm_jagcheckoutmyinfo_profileinfo_profile_customer_phonedaytime2,#dwfrm_jagcheckoutmyinfo_profileinfo_profile_customer_phoneevening2, #dwfrm_jagcheckoutshipping_shippingAddress_addressfields_phonedaytime2,#dwfrm_jagcheckoutshipping_shippingAddress_addressfields_phoneevening2, #dwfrm_jagcheckoutbilling_billingAddress_addressfields_phonedaytime2,#dwfrm_jagcheckoutbilling_billingAddress_addressfields_phoneevening2{width:38px;} #dwfrm_jagcheckoutmyinfo_profileinfo_profile_customer_phonedaytime3,#dwfrm_jagcheckoutmyinfo_profileinfo_profile_customer_phoneevening3, #dwfrm_jagcheckoutshipping_shippingAddress_addressfields_phonedaytime3,#dwfrm_jagcheckoutshipping_shippingAddress_addressfields_phoneevening3, #dwfrm_jagcheckoutbilling_billingAddress_addressfields_phonedaytime3,#dwfrm_jagcheckoutbilling_billingAddress_addressfields_phoneevening3{width:91px;} #dwfrm_profile_customer_extension{width:46px;} #myInformation #myInfoThirdColumn,#billingInformation #billingInfoThirdColumn,#billingInformation #ccThirdColumn,#shippingInformation #shippingInfoThirdColumn{float:left;width:79px;padding-left:15px;} #myInformation #myInfoFourthColumn,#billingInformation #billingInfoFourthColumn,#billingInformation #ccFourthColumn,#shippingInformation #shippingInfoFourthColumn{float:left;width:206px;} #myInformation #myInfoFourthColumn span,#billingInformation #billingInfoFourthColumn span,#shippingInformation #shippingInfoFourthColumn span{float:left;} #myInformation #myInfoFourthColumn #zipText,#billingInformation #billingInfoFourthColumn #zipText,#shippingInformation #shippingInfoFourthColumn #zipText{width:30px;text-align:center;} #myInformation #myInfoFourthColumn .states,#billingInformation #billingInfoFourthColumn .states,#shippingInformation #shippingInfoFourthColumn .states{width:112px;} #myInformation #myInfoFourthColumn .myInfoZipCode,#billingInformation #billingInfoFourthColumn .billingInfoZipCode,#shippingInformation #shippingInfoFourthColumn .shippingInfoZipCode{width:60px;} #myInformation #myInfoFourthColumn .myInfoDayPhoneExtension,#billingInformation #billingInfoFourthColumn .billingInfoDayPhoneExtension,#shippingInformation #shippingInfoFourthColumn .shippingInfoDayPhoneExtension{width:76px;} #shippingInformation #shippingMethod{clear:both;padding-top:10px;} #gifts{clear:both;padding-top:10px;} #gifts #typeGiftMsg{padding-bottom:5px;} #gifts #giftMessageHolder #giftMessage{width:590px;height:34px;font-family:Courier New;} #gifts #hiddenGiftMessage{padding-top:8px;padding-bottom:8px;} #gifts #giftWrapHolder{padding-top:5px;} #promotions{padding-bottom:25px;} #promotions #promotionCodeHolder span{float:left;padding-right:3px;} #promotions #promotionCodeHolder span img{cursor:pointer;} #billingInformation #ccFourthColumn div,#billingInformation #ccThirdColumn div,#billingInformation #ccSecondColumn div,#billingInformation #ccFirstColumn div, #myInformation #myInfoFirstColumn div,#myInformation #myInfoSecondColumn div,#myInformation #myInfoThirdColumn div,#myInformation #myInfoFourthColumn div, #register #registerFirstColumn div,#register #registerSecondColumn div, #shippingInformation #shippingInfoFirstColumn div,#shippingInformation #shippingInfoSecondColumn div,#shippingInformation #shippingInfoThirdColumn div,#shippingInformation #shippingInfoFourthColumn div, #billingInformation #billingInfoFirstColumn div,#billingInformation #billingInfoSecondColumn div,#billingInformation #billingInfoThirdColumn div,#billingInformation #billingInfoFourthColumn div{height:22px;} #billingInformation #ccFirstColumn .rewardsPassFields, #billingInformation #ccSecondColumn .rewardsPassFields, #billingInformation #ccThirdColumn .rewardsPassFields, #billingInformation #ccFourthColumn .rewardsPassFields {height: 44px;} #cc{clear:both;padding-top:15px;} #continue{clear:both;text-align:right;margin-top:15px;} #mailInOrder{clear:both;padding-top:15px;} #mailInOrder span{float:left;} #mailInOrder #mainInCheckBox{padding-right:10px;} .sectionHeading{float:left;padding-bottom:12px;width:300px;} .sectionHeading .theHeading{color:#000000;font-weight:bold;} .sectionHeading #required{padding-left:10px;} .addressChooser{padding-bottom:15px;} #shippingInformation .addressChooser{padding-bottom:3px;} #billingInformation #billingAddressHolder #isBillingSameAsMyInfo {float:left;clear:none;} #billingInformation #billingAddressHolder #addressChooserSelect {display:block;float:left;} #billingInformation #billingAddressHolder #rewardsMsg{display:block;float:left;width:320px;padding-left:4px;} .regularInput{width:202px;} .giftCardInput{width:350px;} .giftMsgLine{height:22px;} .regularDropDown{width:206px;} .ccSecurityCodeField{width:62px;} .errorMessages,.CSerrorMessages{color:#ff0000;padding-bottom:5px;float:left;width:320px;display:none;line-height:10px} .shippingInfo{color:#ff0000;float:left;width:590px;display:none;padding-top:10px;} .promoCodeError{color:#ff0000;padding-bottom:10px;float:left;width:600px;} #totalDiscountMsg {color:#660000;padding-bottom:15px;text-align:right;} /* checkout step 2 */ #productSummary{width:300px;float:left;clear:both;} #productSummary #lineItems{width:300px;clear:both;} #productSummary #lineItems th{padding-top:8px;padding-bottom:8px;border-bottom:solid 1px #cccccc;} #productSummary #lineItems td .itemDetails{float:left;clear:both;text-align:center;width:110px;} #productSummary #lineItems th,td{text-align:center;color:#000000;} #productSummary #lineItems .cartItemsHeader th{} #productSummary #lineItems .itemHeader{width:73px;padding-right:80px;} #productSummary #lineItems .colorHeader{width:160px;} #productSummary #lineItems .sizeHeader{width:91px;} #productSummary #lineItems .priceHeader{width:101px;} #productSummary #lineItems .discountHeader{width:110px;} #productSummary #lineItems .quantityHeader{width:90px;} #productSummary #lineItems .totalHeader{width:75px;} #productSummary #lineItems .itemImageLink{text-decoration:none;} .lineItem{float:left;padding:5px 0;width:300px;border-top:1px solid #cccccc;} .itemIcon{float:left;padding:0 10px;} .itemDetails{float:left;} .itemName{font-weight:bold;} .itemName a{font-weight:bold;} .itemColor{} .itemSizeWidth{} .itemBasePrice{} .itemQuantity{} .prdPrice{} #paymentError{float:left;} #paymentError p {padding:10px 0;color:#ff0000;width:780px;} #summarySubTotal div{width:300px;float:right;clear:both;} #summarySubTotal #subTotal{color:#000000;} #summarySubTotal #shippingTotal{color:#000000;} #summarySubTotal #tax{color:#000000;} #summarySubTotal #discount{color:#000000;} #summarySubTotal #total{padding-top:5px;} #summarySubTotal #total span{float:right;font-weight:bold;color:#000000;} #summarySubTotal .amount{width:50px;} #summarySubTotal #tax span,#summarySubTotal #discount span,#summarySubTotal #subTotal span,#summarySubTotal #shippingTotal span{float:right;} #summarySubTotal span {padding-left:5px;} #myInfo,#myShipping,#myPayment{width:300px;float:left;clear:both;} #continueCheckout2{width:300px;text-align:right;float:left;clear:both;} .infoHeader3,.infoHeader{padding:15px 0 4px 10px;height:15px;border-bottom:solid 1px #cccccc;width:290px;font-weight:bold;float:left;} .infoHeader3 a,.infoHeader a{font-weight:normal;} .information{width:300px;padding-left:10px;padding-top:8px;float:left;color:#000000;} .submitButton2 {float:left; margin-top:8px; width:100%;} .submitButton2 button {background-color:#000000; border:none; color:#ffffff; cursor:pointer; float:left; height:50px; padding:0; text-transform:uppercase; width:100%;} .submitButton31{padding-right:20px;padding-top:8px;float:right;} .submitButton32{padding-right:5px;padding-top:8px;float:right;} .information div{clear:both;width:300px;} /* easy Viewer only */ .ccImageHolder{width:549px;height:400px;overflow-y:auto;overflow-x:hidden;} /* end */ #upSell{width:780px;padding-top:30px;padding-bottom:20px;float:left;} #upSell #upSellBody{float:left;width:288px;border-left:solid 1px #cdcdcd;border-right:solid 1px #cdcdcd;} #upSell #upSellBody #heading{padding-bottom:15px;padding-left:15px;} #upSell #upSellBody #items .upSellItem{float:left;padding-left:10px;text-align:center;width:83px;} #upSell #upSellBody #items .upSellItem a{text-decoration:none;} #upSell #upSellBottom{clear:both;width:290px;height:6px;} /* checkout step 3 */ #checkoutHeader3 {background-color:#666666; color:#ffffff; float:left; font-size:14pt; margin:10px 0; padding:10px; width:280px;} #orderNumber {float:left; width:100%;} #emailConfirmation {float:left; padding:10px 0; width:100%;} #summarySubTotal, #thankYouSubTotal {float:left;width:300px;text-align:right;padding:10px 0;clear:both;border-top:solid 1px #cccccc;} #thankYouSubTotal div{width:300px;float:right;clear:both;} #thankYouSubTotal #subTotal {color:#000000;} #thankYouSubTotal #shippingTotal{color:#000000;} #thankYouSubTotal #tax {color:#000000;} #thankYouSubTotal #discount {color:#000000;} #thankYouSubTotal #total {padding-top:5px;} #thankYouSubTotal #total span{float:right;font-weight:bold;color:#000000;} #thankYouSubTotal .amount {width:50px;} #thankYouSubTotal #tax span,#thankYouSubTotal #discount span,#thankYouSubTotal #subTotal span,#thankYouSubTotal #shippingTotal span{float:right;} #thankYouSubTotal span {padding-left:5px;} #myShipping3, #myPayment3{display:block;width:300px;float:left;clear:both;} #myShipping3 .information, #myPayment3 .information{display:block;float:left;padding-bottom:10px;} #trackPrint{height:160px;width:300px;clear:both;float:left;overflow:hidden;} #trackPrint .thankYouWidget {float:left;} #trackPrint .rewardsWidget{border:2px solid #6E3A73; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#999999; width:336px;} #trackPrint tbody {width:336px;display:inline;} #popUps{text-align:center;width:100%;border:solid 0px red;height:0px;position:absolute;top:0px;left:0px;} #evShipInfoWidget{background:#ffFFff;margin-left:auto;margin-right:auto;text-align:left;width:800px;border:solid 0px blue;height:0px;width:800px;position:relative;display:none;} #evWhatThisWidget{background:#ffFFff;margin-left:auto;margin-right:auto;text-align:left;width:800px;border:solid 0px blue;height:0px;width:800px;position:relative;display:none;} #contentHolder .contentasset{clear:both;} /* Estimated Tax Rollover */ #estTaxInfo {padding:10px;float:left;width:300px;clear:both;} .esttax_asterisk {display:none;} #apoMsg{clear:both;padding:5px 0;} #giftMessageHolder{float:left;} .invalidCouponMsg{padding:10px;width:760px;} #GiftFirstLine{} #GiftQuestion{} #GiftCheckBox{} #GiftSecondLine{} #ShipDetailedInfo{float:left;clear:both;width:300px;padding-top:40px;} #shipInfoHeaderHolder {height: 45px;} #shipInfoHeader {padding: 10px 0px 0px 25px;float: left;} #shipInfoHeaderText {font-weight: bold;padding: 0px 0px 10px 25px;text-align: left;color: #666666;} #shipInfoClose {float: right;padding: 10px 12px 0px 0px;} #shipInfoMain {padding:10px;float: left;text-align: left;color: #666666;} .headerInfo {font-weight: bold;padding: 5px 0px;} .shipInfo {padding: 5px 0px 5px 0px;} .shipNote {padding: 5px 0px 5px 0px;} #shipOptions {padding: 5px 0px;} #shipOptions {padding: 5px 0px;} #tblShipOptions {width:300px;border-collapse: collapse;border-bottom: solid 1px #cccccc;border-right: solid 1px #cccccc;} #tblShipOptions td {border-top: solid 1px #cccccc;border-left: solid 1px #cccccc;padding:3px;color: #000000;} #tblShipOptions th {border-top: solid 1px #999999;border-left: solid 1px #999999;padding:3px;background-color: #999999;color: #ffffff;} #tblShipOptions th span {font-weight: normal;} #tblShipOptions th.centeredCell {text-align: center;} #tblShipOptions th.greyedCell {color: #cccccc;} #tblShipOptions td.greyedCell {color: #999999;} #tblShipOptions td.leftCell {text-align: left;} .centeredCell {text-align: center;} .greyedCell {color: #cccccc;} .greyedCell {color: #999999;} .leftCell {text-align: left;} .red {color: #ff0000;} #rewardsCode, #ccCodes{clear:both; float:left; width:300px; padding:20px 0 0 10px; overflow:hidden;} #buttonsBar, #shoppingCart, #cartSubTotal, #verisignCopy {width:300px; clear:both; float:left; padding:10px 0; width:100%;} #buttonsBar form {float:left; width:100%;} #headerBar {width:300px; clear:both; float:left;} #cartSubTotal {border-top:1px solid #cccccc;padding:5px 0;} .aLineItem {float:left;padding:15px 0;border-top:1px solid #cccccc;} .prodImg {float:left;padding-right:5px;width:75px;} .lineItemRight {float:left;width:220px;} .productName {} .lineItemText {float:left;width:115px; padding-right:5px;} .lineItemText a {font-weight:bold;} .editTD {float:left; text-align:right; width:100px;} .variantText, .sizeTD, .statusTD, .quantityTD, .priceTD, .discountTD, .totalTD {float:left;width:100%;clear:both;padding-top:4px;} .errormessage {clear:both;} #shippingtotal, #discount, #total, #taxdisclaimer, #promoCode, #subTotal, #shippingOptions {float:left;width:300px;padding:0 0 6px 0; text-align:right;} #promoCode {padding:10px 0;} #taxdisclaimer span {} .amount{float:right;} .text{float:left;padding-left:170px;} #cartCOBtn {float:left; width:300px; height:61px; margin-top:3px; background-image:url(http://www.easyspirit.com/on/demandware.static/-/Sites-easyspirit-Library/default/v1506312874560/images/buttons/btn_checkout.gif); background-repeat:no-repeat;} #cartCSBtn {float:left; width:300px; height:61px; background-image:url(http://www.easyspirit.com/on/demandware.static/-/Sites-easyspirit-Library/default/v1506312874560/images/mobile/buttons/btn_cont_shopping.gif); background-repeat:no-repeat;} #linkToCosts {width:300px; float:left; padding-top:10px;} #linkToCosts a {text-decoration:underline;} #billingInformation {padding-top:10px;} .finalSaleText{clear:both;color:#660000;float:left;padding:5px 0;} #productSummary .finalSaleText{padding:5px;} .addressName {padding-top:9px;} .btn_promocode_apply {background-color:#666666; border:none; color:#ffffff; cursor:pointer; float:left; height:25px; width:78px;} .btn_checkout {float:left; height:100%; width:100%; filter:Alpha(Opacity=1); opacity:0.01;} .btn_continue_shopping {float:left; height:100%; width:100%; filter:Alpha(Opacity=1); opacity:0.01;}