If you were using custom CSS before moving to Checkout & Registration Manager and would like to continue doing so, you'll need to add the new elements listed below to your custom CSS file, with your own modifications. Merchants who were not previously using custom CSS and who would like to create a custom CSS file should download the default CSS file first.

Learn more about using custom CSS with Checkout & Registration Manager.

New CSS elements

div.ys_pageActions ul li.ys_second { text-align:right; min-height:30px; _height:30px; } div.ys_pageActions ul li.ys_third { float:left; clear:both; margin:10px 0 -10px; }

.ys_majorSection fieldset { font:11px/12px arial,verdana,sans-serif;border:0;padding:6px; }

#ys_paypalSection { font:11px/14px Arial,verdana,arial,sans-serif;color:#000;margin:10px 0;width:100%;clear:left;min-height:68px;height:auto !important;height:68px; }

.ys_paypalSection { font:11px/14px Arial,verdana,arial,sans-serif;color:#000;padding:0 0 10px; margin-top:-8px; overflow:hidden; _float:right; }

#ys_paymentMethod .ys_paypalSection, #ys_review .ys_paypalSection, #ys_confirmation .ys_paypalSection, #ys_orderStatus .ys_paypalSection { margin-top:2px; _float:none; }

#ys_paypalOrContainer { width:100%; height:36px; margin-top:0; margin-bottom:10px; }

.ys_majorSection .ys_subSection #ys_savedCarts table.ys_basket { width:100% !important; margin-top:0px; } .ys_majorSection .ys_subSec tion #ys_savedCarts table.ys_basket th { text-align:left; } .ys_majorSection #ys_customerCarts { padding:0; }

.ys_plainText em { font-style:normal; }

#ys_buyerInfo #ys_crProfileShipTo {  } #ys_crProfilePage #ys_crProfileShipTo { float:left;border-bottom-width:0;border-right:1px solid #ccc; } #ys_crProfilePage #ys_crProfileBillTo { border-bottom-width:0;border-left:1px solid #ccc; } #ys_crProfilePage #ys_crProfileShipTo { width:50%; } #ys_crProfilePage #ys_crProfileBillTo { margin-left:50%; } #ys_crProfileShipTo .ys_subSection fieldset label select, #ys_crProfileBillTo .ys_subSection fieldset label select { width:200px; } #ys_crProfilePage .ys_majorSection { border-width:0;width:auto; } #ys_crProfileShipTo h4, #ys_crProfileBillTo h4 { overflow:hidden; padding-bottom:0; *height:1%; }

#ys_crProfilePage #labelcr-cart-name { padding-bottom: 0px !important; } #ys_crProfilePage .ys_subSection table.ys_basket tbody td.ys_actions { width:40%; text-align:left; } #ys_crProfilePage .ys_subSection table.ys_basket tbody td.ys_actions a { margin-right:90px; } #ys_crProfilePage div.ys_pageActions ul li.ys_third { margin-top:40px; } #ys_crProfilePage #ys_customerViewProfile { clear:both; } #ys_crProfilePage #ys_buyerInfo { overflow:hidden; }

#ys_buyerInfo #ys_crEditProfileShip {  } #ys_crEditProfilePage #ys_crEditProfileShip { float:left;border-bottom-width:0;border-right:1px solid #ccc; } #ys_crEditProfilePage #ys_crEditProfileBill { border-bottom-width:0;border-left:1px solid #ccc; } #ys_crEditProfilePage #ys_crEditProfileShip { width:50%; } #ys_crEditProfilePage #ys_crEditProfileBill { margin-left:50%; } #ys_crEditProfileShip .ys_subSection fieldset label select, #ys_crEditProfileBill .ys_subSection fieldset label select { width:200px; } #ys_crEditProfilePage .ys_majorSection { bor der-width:0;width:auto; } #ys_crEditProfilePage div.ys_pageActions { margin: 20px auto; width: 750px; }

#ys_crEditProfilePage #ys_pageBody #ys_buyerInfo:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #ys_crEditProfilePage #ys_pageBody #ys_buyerInfo { *height:1%; } #ys_crEditProfilePage #ys_billingEmail { clear:left; }

#ys_buyerInfo #ys_crLoginWrap {  } #ys_regLoginPage #ys_crLoginWrap { float:left;border-bottom-width:0;border-right:1px solid #ccc; } #ys_regLoginPage #ys_crRegWrap { border-bottom-width:0;border-left:1px solid #ccc; } #ys_regLoginPage #ys_crLoginWrap { width:50%; } #ys_regLoginPage #ys_crRegWrap { margin-left:50%; } #ys_crLoginWrap .ys_subSection fieldset label select, #ys_crRegWrap .ys_subSection fieldset label select { width:200px; } #ys_regLoginPage .ys_majorSection { border-width:0;width:auto; } #ys_regLoginPage #ys_pageBody #ys_buyerInfo.ys_noReg #ys_crLoginWrap { margin-left:0;width:100%;border-left-width:0;border-right-width:0; float:none; } div.ys_custreg_cart_button { position:relative; float:left; height:30px; margin-top:10px; }

For more information about using and uploading a custom CSS file with Checkout & Registration Manager, please see our custom CSS help.

See Also:

• Using a custom CSS file
• Using the Catalog Request feature in Checkout & Registration Manager