body {
	margin: 0;
	padding: 0;
       background-color: #fafafa;
}
#mainHeader {
	position: fixed;
	background: #fff;
	top: 0;
	left: 0;
	right: 0;
	height: 55px;
	box-shadow: 0 4px 5px hsla(0,0%,40%,.8);
	z-index: 10;
}
#mainHeaderWrapper {
	width: 1000px;
	margin: 0 auto;
}
#mainHeaderWrapper svg {
	float: left;
	height: 24.41px;
	width: 120px;
	margin: 16px 0;
	position: relative;
    	z-index: 13;
}
 
.tag {
            font-family: Roboto Condensed, sans-serif;
            color: #666666;
            font-size: 9px;
            line-height: 1.2em;
}
.boldbody {
            font-family: Roboto Condensed, sans-serif;
            color: #000000;
            font-size: 12px;
            font-weight: bold;
            line-height: 1.2em;
}
.smallbody {
            color: #66666;
            font-family: Roboto Condensed, sans-serif;
            font-size: 10pt;
}
.tinybody {
            color: #666666;
            font-family: Roboto Condensed, sans-serif;
            font-size: 9px;
}
.tinybodysup {
            color: #666666;
            font-family: Roboto Condensed, sans-serif;
            font-size: 12px;
            font-weight: bold;
            vertical-align: text-top;
}
.signoff {
            font-family: Roboto Condensed, sans-serif;
            color: #333;
            font-size: 11px;
            line-height: 1.2em;
}
.login {
        font-family: Roboto Condensed, sans-serif;
        font-size: 14px;
    	font-weight: lighter;
        background-color: transparent;
	color: #333;

}
a.login {
            color: #333;
            text-transform: capitalize;
            text-decoration: none;

}
a.login:hover {
            color: #333;
            font-weight: lighter;
            text-transform: capitalize;
            text-decoration: underline;
            background: transparent;
}
.loginLogout {
	border-left: 1px solid #dbdbdb;
    	width: 48px;
}
.loginWelcome span {
	float: right !important;
	    margin-right: 5px;
}
table.tableLogin {
	    width: auto;
    position: fixed;
    z-index: 14;
    background-color: transparent;
    top: 16px;
    margin-left: 566px;	
}
table.tableMain {
            position: relative;
            z-index: 2;
            background-color: transparent;
            width: 100%;
	    top: 75px;
    padding: 0;
}
.tableSiteBanner {
	margin-top: 12px;
	margin-bottom: 0px;
}
.tableSiteBanner img {
	height: 75px;
}
a {
            font-family: Roboto Condensed, sans-serif;
}
A {
  color: #000000;
  text-decoration: none;
  /*font-weight:bold;*/
}

A:hover {
  color: #414348;
  text-decoration: underline;
}

/******************************************************************************************
* MAIN NAVIGATION MENU *
*******************************************************************************************/
#mainNav {
	position: fixed;
    	z-index: 12;
}
#menu {
	    width: 1000px;
    height: 56px;
    margin-left: -10px;
    background: transparent;
    position: relative;
}

ul#menu li {
    width: auto;
    padding: 0px 14px;
    text-align: center;
    margin-top: 19px;
    border-right: 1px solid #dbdbdb;
}
ul#menu li:last-child {
	border: none;
}

#menu li a {
	    text-transform: capitalize;
    color: #333;
    font-size: 16px;
    line-height: 20px;
    font-family: Roboto Condensed, sans-serif;
    font-weight: 400;
    padding: 13px 0;
	border-bottom: 4px solid transparent;
}
#menu li:hover, #menu li.menuG {
	text-decoration: none;
}

#menu li:hover a, #menu li.menuG a {
	text-decoration: none;
	border-bottom: 4px solid #d82231;
}

#mainNav ul#menu li:nth-child(2) {
	margin-left: 140px !important;
}
#menu li.linkS {
	display: none;
}

/******************************************************************************************
* END MAIN NAVIGATION MENU *
*******************************************************************************************/

/* LOGIN BOX*/
#bigbox {
        background-color: #ffffff;
        border: 1px solid #E5E5E5;
	box-shadow: 0 4px 5px hsla(0,0%,40%,.8);
}
/* END Login Box */  

/*CATEGORY HEADER TEXT*/
.source {
        color: #000;
}


.homeTable { color: #005D40; font-size: 12px; font-family: Roboto Condensed, sans-serif; font-weight: bold; text-decoration: none;}
.homeTable a { color: #005D40; font-size: 12px; font-family: Roboto Condensed, sans-serif; font-weight: bold; text-decoration: none; }
.homeTable a:hover { color: #009900; font-size: 12px; font-family: Roboto Condensed, sans-serif; font-weight: bold; text-decoration: none; }

/* Page Heading */
.pageHeading  { color: #005D40; font-size: 25px; font-family: Roboto Condensed, sans-serif; font-weight: bold; font-style:italic; float: right; padding-right: 20px; }
/* END Page Heading */

/* HOME PAGE TABS */

/*******************************************************************************************
* Shopping Cart *
*******************************************************************************************/

#cartIcon {
	color: #999;
	position: absolute;
	right: 4px;
	padding: 0;
	font-size: 24pt;
}	
#cartCountBadge {
	background: #D82231;
	position: absolute;
	right: 0;
	margin: 0;
	border-radius: 100px;
	padding: 0px 2px;
	line-height: 19px;
	    top: -2px;
}
#cartDesc {
	display: none;
}
#cartCount {
	background: transparent;
	border: none;
}
#cartContainer.floatClass {
	top: 8px;
}

.checkoutProgress {
    width: 100%;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    position: relative;
    background: transparent;
    z-index: 10;
    top: 70px;
}

/******************************************************************************************
* HTML Pages *
*******************************************************************************************/

.html-page-header {
	background: #CCCCCC;
	position: relative;
	width: 100%;
	height: 80px;
	color: #5E5F5F;
	font-family: Roboto Condensed, sans-serif;
	font-size: 38px;
	padding: 0 0 0 10px;
	line-height: 80px;
}

.html-page-body {
	position: relative;
	float: left;
	background: transparent url('../user/images/globals/html-page-bg.png') 100% top/360px 302px no-repeat;
	min-height: 380px;
	width: 100%;
	padding: 0;
	margin: 0;
}

.html-page-body h3,
.html-page-body p {
	font-family: Roboto Condensed, sans-serif;
	font-size: 25px;
	color: #5D5E5E;
}

.html-page-body p {
	font-size: 14px;
}

#reorderBtnSpace {display: block;}
#getStarted {
	color: #5D5E5E;
	font-size: 22px;
	font-family: Roboto Condensed, sans-serif;
}
#getStartedBtn {
	float: right;
	position: relative;
	top: -4px;
	background-color: #99C456;
	color: #ffffff;
	padding: 4px;
	margin: 0;
}
#getStartedBtn i {
	color: #fff;
}
#rightArrowLG {
	background: url('../user/images/globals/rightArrow.png') no-repeat;
	position: relative;
	top:4px;
	padding: 0 3px;
}
#rightFolder {
	background:  url('../user/images/globals/rightFolder.png') no-repeat;
	background-size: 35px 35px;
	position: relative;
	top: 6px;
	padding:10px 18px;
}
#homeFooter {
	position: relative;
	width: 100%;
	height: 500px;
	color: #5D5E5E;
}
#homeFooter header {
	text-align: center;
	width: 950px;
	font-size: 40px;
	font-family: Roboto Condensed, sans-serif;
	margin: 30px 0;
}
#homeFooter header img {
	position: absolute;
	top: 30px;	
	margin-left: 10px;
}
#homeFooter h3 {
	font-size: 16px;
	font-weight: normal;
	font-family: Roboto Condensed, sans-serif;
}
#homeFooter p {
	font-size: 14px;
	font-weight: normal;
	font-family: Roboto Condensed, sans-serif;
}
#leftSect {
	float: left;
	position: absolute;
	left: 120px;
}
#rightSect {
	float: right;
	position: absolute;
	right: 120px;
}
#custSat, #times, #oneonone, #delivery, #prices, #busSolu  {
	position: relative;
	width: 350px;
	height: 130px;
}
.homeSprite {
	float: left;
	background: url(../user/images/globals/default/homeSprite.png) no-repeat;
	width: 100px;
	height: 100px;
	margin: 0 20px 20px 0;
}
#readMore {
	font-family: Roboto Condensed, sans-serif;
	padding: 0 0 30px 0;
}
/**Home Sprite**/

#delivery div.homeSprite {
	background-position: -100px 0;
}

#times div.homeSprite {
	background-position: 0 -123px;
}

#prices div.homeSprite {
	background-position: -105px -128px;
}

#oneonone div.homeSprite {
	background-position: 0 -245px;
}

#busSolu div.homeSprite {
	background-position: -105px -249px;
}

/*** FOOTER***/
footer {
       	position: relative;
	top: 100px;
	width: 100%;
	padding: 20px 0;
	color: #333;
	font-size: 14px;
	background: transparent;
	height: 100%;
	border-top: 2px solid #ebebeb;
}
#footerContent {
	width: 1000px;
	margin: 0 auto;
}

/* End Footer*/

#tabProducts {
        background-image:url(user/images/Global/HomePage/tabProducts.png);
        left:0;
        width:100%;

}

/***ToolTip Home Page ***/

#homeFooter div.BToolTip-tl { 
	left: 68px;
	top: 94px;
}

.body {
            font-family: Roboto Condensed, sans-serif;
            color: #333333;
            font-size: 13px;
            line-height: 1.2em;
}
h1 {
            font-family: Roboto Condensed, sans-serif;
            font-size: 18px;
            line-height: 1.2em;
}
.h1 {
           	font-family: Roboto Condensed, sans-serif;
            font-size: 18px;
            font-weight: bold;
            line-height: 1.2em;
}
h2 {
            font-family: Roboto Condensed, sans-serif;
            font-size: 15px;
            line-height: 1.2em;
}
.h2 {
            font-family: Roboto Condensed, sans-serif;
            font-size: 15px;
            font-weight: bold;
            line-height: 1.2em;
}
h3 {
            font-family: Roboto Condensed, sans-serif;
            font-size: 13px;
            line-height: 1.2em;
}
.h3 {
            font-family: Roboto Condensed, sans-serif;
            font-size: 13px;
            font-weight: bold;
            line-height: 1.2em;
}
.tableC {
            border: 1px solid #ffffff;
            font-family: Roboto Condensed, sans-serif;
            font-size: 11px;
            line-height: 1.2em;
}
.inputBody {
            font-family: Roboto Condensed, sans-serif;
            font-style: normal;
            font-variant: normal;
            line-height: normal;
            text-decoration: none;
}
 
.tableYHead {
            background: #FFCC00;
            font-family: Roboto Condensed, sans-serif;
            font-size: 16px;
            font-weight: bold;
}
.tableYLabel {
            background: #FFCC00;
            font-family: Roboto Condensed, sans-serif;
            font-size: 12px;
            font-weight: bold;
            text-align: right;
}
.tableYBody {
            background: #FFF2BF;
            font-family: Roboto Condensed, sans-serif;
            font-size: 10px;
}
 
/* context help */
a.glossaryTerm, a.glossaryTerm:link, a.glossaryTerm:visited {
            border-bottom: 1px dotted #027FC2;
            color: #282828;
            text-decoration: none;
            cursor: help;
}
a.glossaryTerm:hover {
            border-bottom: 1px solid #027FC2;
}
th a.glossaryTerm, th a.glossaryTerm:link, th a.glossaryTerm:visited {
            border-bottom: 1px dotted #FFFFFF;
            color: #FFFFFF;
}
th a.glossaryTerm:hover {
            border-bottom: 1px solid #FFFFFF;
}
 
/* tabular data */
.dataQuantity, .dataQuantityNegative {
            text-align: right;
}
.dataQuantityNegative {
            color: #A30A0D;
}
.textInfo {
            font-size: 0.9em;
            font-weight: normal;
            line-height: 1.6em;
            color: #1D239A;
}
 
/* cart image */
table.tblImage {
            border: 1px solid #CCCCCC;
}
table.tblImage td {
            background-color: #FFFFFF;
            padding: 0em;
            margin: 0em;
            text-align: center;
            vertical-align: middle;
 
}
 
 
 
/* fancy form buttons */
button {
            margin-top: 0px;
            padding: 1px 5px 4px 8px; /* text within button */
            border: none;
            color: #FFFFFF;
            background: url(/img/button/buttonSecondary.gif) no-repeat top left;
            font: bold 12px "Open Sans", sans-serif;
            height: 18px;
            overflow: visible;
            cursor: pointer;
}
.button_a
{
            margin-top: 0px;
            padding: 1px 5px 4px 8px; /* text within button */
            border: none;
            color: #FFFFFF;
            background: url(/img/button/buttonSecondary.gif) no-repeat top left;
            font: bold 12px "Open Sans", sans-serif;
            height: 18px;
            overflow: visible;
            cursor: pointer; 
}
span.button {
            padding-right: 3px;
            float: left;
            display: block;
            background: url(/img/button/buttonSecondaryRt.gif) no-repeat top right;
            height: 18px;
            overflow: visible;
}
button.action {
            padding-left: 25px; /* space for arrow */
            margin-top: 0px;
            background: url(/img/button/buttonPrimary.gif) no-repeat top left;
            padding-bottom: 4px;
            padding-top: 1px;
}
span.action {
            padding-right: 3px;
            float: left;
            padding-top: 0px;
            display: block;
            background: url(/img/button/buttonPrimaryRt.gif) no-repeat top right;
            font-size: 1.2em;
            text-transform: uppercase;
            height: 18px;
            vertical-align: top;
            overflow: visible;
}
.buttonContainer {
/*         float: right; */
            padding: 5px;
            clear: both;
/*         text-align: right; */
}
.buttonContainer span.action, .buttonContainer span.button {
            margin: 5px; /* was 10px */
}
 
.buttonContainerSmall {
            padding: 0px 0px;
            margin-left: 5px;
}
button.small {
            padding: 0px 5px 3px 8px; /* text within button */
            border: 0px none #FFFFFF;
            margin-top: 0px;
            color: #FFFFFF;
            background: url(/img/button/buttonSecondarySmall.gif) no-repeat top left;
            font-size: 11px;
            font-weight: 900;
            height: 15px;
            overflow: visible;
            cursor: pointer;
}
span.small {
            padding-right: 3px;
            float: left;
/*         margin-right: 3px; */
            background: url(/img/button/buttonSecondarySmallRt.gif) no-repeat top right;
            height: 15px;
}
button.smallAction {
            padding: 0px 5px 4px 18px; /* text within button */
            margin-top: 0;
            margin-right: 3px;
            background: url(/img/button/buttonPrimarySmall.gif) no-repeat top left;
            font-size: 11px;
            font-weight: 900;
            height: 15px;
}
span.smallAction {
            padding-right: 3px;
            float: left;
            background: url(/img/button/buttonPrimarySmallRt.gif) no-repeat top right;
            text-transform: uppercase;
            height: 15px;
}
button.nonAction {
            border: none;
            padding: 0 0 0 12px;
            margin-right: 15px;
            background: transparent url(/img/button/linkSecondary.gif) no-repeat 0px 4px;
            color: #0B6997;
            font-size: 1.1em;
            font-weight: bold;
            text-transform: capitalize;
}
button.nAction {
            background: transparent url(/img/button/linkPrimary.gif) no-repeat scroll 2px 8px;
            color: #0B6997;
            height: auto;
            padding:5px 0pt 0pt 14px;
}
 
/******************************************************************************************
* PRODUCT SIDE MENU *
*******************************************************************************************/

#TCtable {background: transparent; border: 0; }

ul.TreeControl {
        float: inherit;
	position:relative;
        background-color: transparent;
	padding: 10px;
}
ul.TreeControl { 
	color: #414348; 
}
ul.TreeControl li.TCopen, 
ul.TreeControl li.TCclosed { 
	padding: 0; 
	background: #fff;
	border: 1px solid #e5e5e5;
	margin-bottom: 12px;
}
ul.TreeControl li.TCopen div.anchorCatalog, 
ul.TreeControl li.TCclosed div.anchorCatalog,
.style1 {
        float: inherit;
	position:relative;
        color:#000; 
        font-weight: 700;
	font-size: 20px;
	font-family: Roboto Condensed , sans-serif;
	text-transform: uppercase;
        margin: 5px 0px 5px 0px;
        padding: 0;
}
ul.TreeControl li { list-style: none; }
ul.TreeControl, ul.TreeControl ul, ul.TreeControl li { margin-bottom: 5px; padding: 0; font-size: 10pt;}
ul.TreeControl ul { 
	padding-left: 15px;
}
ul.TreeControl li a { padding-left: 5px; cursor: pointer; text-decoration: underline; color: #414348; }
ul.TreeControl li a:hover { padding-left: 5px; cursor: pointer; text-decoration: underline; color: #224390; }
ul.TreeControl li.TCopen a { 
	list-style: none;
    	background: none;
    	text-decoration: none;
    	color: #414348;
    	padding: 15px;
    	display: inline-block;
}
ul.TreeControl li.TCclosed a { list-style: none; background: none; text-decoration: none; color: #414348;}

ul.TreeControl  ul li { }

ul.TreeControl li.TCopen div.anchorCatalog {
	border-bottom: 1px solid #e5e5e5;
}

ul.TreeControl li.TCbullet a { 
        list-style: disc; background: none;
        color: #000;
        padding: 0;
        margin: 0;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 25px;
	margin-bottom: 0px;
	text-align: left;
	-o-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
}
ul.TreeControl li.TCbullet a:hover { 
         text-decoration: underline;
}

ul.TreeControl li.TCopen ul { display: block; }
ul.TreeControl li.TCclosed ul { display: none; }

/******************************************************************************************
* END PRODUCT SIDE MENU *
*******************************************************************************************/
 #catalogWrap {
	background: #fff;
	border-color: #e5e5e5;
}
#catalogSearch {
	border: none;
}

/* ============================================================================
CUSTOM - TRANE TECHNOLOGIES STOREFRONT (added 2026-11-01 by Patrick Miner via Claude)
Profile 45 - https://tranetechnologies.pod-center.com
Everything below this line is custom. The original PressWise/Xerox stylesheet
is above and untouched; these rules override it. Related custom code lives in:
- More HTML > htmlFooter (Back-to-home bar [1], menu order [2], catalog hint [3],
  support-widget identification [5], land on Home [6], logout target [7])
- System Pages > login HTML (Freshdesk help widget on the login page)
- HTML Pages: Home, Get Started, FAQ, File Specifications, Privacy Policy,
  Texting Service (each custom page has its own <style> block at the top)
Brand (Trane Technologies Brand Guidelines v4.0): Trane Technologies Purple
#6400FF as a small accent only (no tints, no large fields); black #000000 type;
gray #bfbfbf dividers; white surfaces; typeface Arial (brand default where the
licensed Chalet font is unavailable). Prefix for every custom id/class: tt.
Change log:
  2026-11-01  initial build (copied the structure of the Honeywell profile 46
              customisation, new design, no ITAR banner, no portal handoff,
              credit-card checkout so the Payment Information box stays visible)
============================================================================ */

/* --- Brand colors and fonts for the storefront chrome (nav, sidebar, cart, footer) --- */
body { background-color: #ffffff; }
#menu li a { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #000000; text-transform: none; font-weight: 700; }
#menu li:hover a, #menu li.menuG a { border-bottom: 4px solid #6400FF; }
ul#menu li { border-right: 0; } /* no divider lines between menu items */
#navWrapper { border-bottom: 1px solid #e3e3e3; }
table.tableLogin { position: absolute; } /* scroll with page; original rule is position:fixed */
.loginWelcome, .loginLogout a, a.login { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #4a4a4a; }
ul.TreeControl li.TCopen > div.anchorCatalog > a,
ul.TreeControl li.TCclosed > div.anchorCatalog > a { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #000000; }
ul.TreeControl li.TCopen, ul.TreeControl li.TCclosed { border-color: #e3e3e3; }
ul.TreeControl li.TCbullet a:hover { text-decoration-color: #6400FF; }
#cartCount { background: #6400FF; }
#cartCountBadge { background: #6400FF; }
footer { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #4a4a4a; }
.body, h1, h2, h3, .h1, .h2, .h3 { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }

/* --- Nav: let the menu use full width and shrink type so it fits one line (PressWise fixes #menu at 1000px) --- */
#menu { width: 100%; max-width: none; box-sizing: border-box; padding-right: 80px; }
#menu li { padding: 0 11px; }
#menu li a { font-size: 14px; }
#menu li:nth-child(2) { margin-left: 0 !important; }

/* --- Vertical spacing: remove the 75px gap PressWise leaves under the nav, shrink logo --- */
table.tableMain { top: 8px; } /* original rule is 75px */
.checkoutProgress { top: 3px; } /* original 70px was paired with tableMain 75px; keep the 5px difference */
footer { top: 33px; } /* original 100px was paired with tableMain 75px; reduced by the same 67px */
.tableSiteBanner { margin-top: 8px; margin-bottom: 0; }
.tableSiteBanner img { height: 56px; width: auto; }
#menu li { margin-top: 12px; }
#menu { height: 50px; }
#ttBackBar { margin-top: 6px; }

/* --- Checkout / account tweaks copied from the Honeywell profile 46 (shipper-account customers):
hide the shipping cost column and the "save to address book" controls. Remove any rule here that
Trane Technologies does not want. The Payment Information box is NOT hidden on this storefront
because orders are paid by credit card. --- */
.memoRow { display: none; }
#shipToCompany { display: none; }
.shipCostCol,
#shipping_method_table td:nth-child(5) { display: none; }
#saveAddressBook { display: none; }
#addressBookTbl .dataTable th table tr td:nth-child(2) button,
#addressBook section table tr:nth-child(2) button { display: none; }
#printRepInfo { display: none; }

/* --- Login page (login.php): same design language as the custom pages. All selectors are scoped to
#bigbox, which only exists on the login page. The login page loads only this CSS (no header/footer HTML),
so heading text is injected with ::before/::after. Layout: white page, logo strip with a purple/black
rule, centered sign-in panel with a black top rule, square black button. --- */
body:has(#bigbox > div > img#theImg) { background:#fff !important; margin:0 !important; font-family:Arial,"Helvetica Neue",Helvetica,sans-serif; }
#bigbox { position:static !important; left:auto !important; top:auto !important; transform:none !important; width:100% !important; max-width:none !important; margin:0 !important; padding:0 0 60px !important; background:#fff !important; box-shadow:none !important; border:0 !important; box-sizing:border-box; }
#bigbox hr { display:none !important; }
/* logo strip */
#bigbox > div:first-child { background:#fff; margin:0; padding:18px 24px 14px; border-bottom:4px solid #000; text-align:left; position:relative; }
#bigbox > div:first-child::after { content:""; position:absolute; left:0; bottom:-4px; width:160px; height:4px; background:#6400FF; } /* purple segment of the rule */
#bigbox img#theImg { width:230px !important; height:auto !important; max-width:100%; display:block; margin:0; }
@media (min-width:1220px){ #bigbox img#theImg { margin-left:calc((100% - 1180px)/2); } }
/* outer 600px table that PressWise centers -> centered container */
#bigbox > table[width="600"] { width:100% !important; max-width:560px !important; margin:44px auto 0 !important; }
#bigbox > table[width="600"] > tbody > tr > td { padding:0 !important; border:0 !important; }
#bigbox table.login_table { width:100% !important; min-width:0 !important; margin:0 auto !important; border-collapse:collapse; }
#bigbox table.login_table > tbody > tr > td { border:0 !important; padding:0 20px !important; background:transparent !important; text-align:left !important; }
#bigbox table.login_table td, #bigbox table.login_signup td, #bigbox table.login_support td { border-top:0 !important; border-bottom:0 !important; }
/* heading: eyebrow + headline + lede, replacing "Please Login" */
#bigbox table.login_table span.h3 { display:block; text-align:left; font-family:inherit; font-size:0 !important; font-weight:700 !important; margin:0 0 20px; color:#000; }
#bigbox table.login_table span.h3::before { content:"Sign in to order print."; font-size:clamp(28px,3.4vw,38px); line-height:1.08; letter-spacing:-.02em; display:block; color:#000; }
#bigbox table.login_table span.h3::after { content:"Use your work email address. Booklets, copies, postcards, business cards and signage, produced by the Enterprise Print Center and paid by credit card at checkout."; display:block; font-size:15px; font-weight:400; color:#4a4a4a; margin-top:10px; line-height:1.5; }
/* form panel */
#bigbox form { display:block; margin:0; background:#fff; padding:24px 26px 22px; box-sizing:border-box; border:1px solid #e3e3e3; border-top:4px solid #000; }
#bigbox form table, #bigbox form table > tbody, #bigbox form table > tbody > tr, #bigbox form table > tbody > tr > td { display:block !important; width:100% !important; box-sizing:border-box; text-align:left !important; padding:0 !important; border:0 !important; }
#bigbox form table td.h3 { font-family:inherit; font-size:12px !important; font-weight:700 !important; color:#4a4a4a; text-transform:uppercase; letter-spacing:.08em; margin:12px 0 6px; }
#bigbox form table > tbody > tr:first-child td.h3 { margin-top:0; }
#bigbox input.text { width:100% !important; max-width:100% !important; box-sizing:border-box; font-family:inherit; font-size:16px !important; padding:11px 12px !important; border:1.5px solid #bfbfbf !important; border-radius:0 !important; background:#fff; }
#bigbox input.text:focus { outline:none; border-color:#6400FF !important; box-shadow:0 0 0 3px rgba(100,0,255,.15); }
#bigbox #login_forgot { display:block; margin:8px 0 0; }
#bigbox #login_forgot a { font-family:inherit; font-size:14px; color:#000; border-bottom:2px solid #6400FF; text-decoration:none; }
#bigbox form table > tbody > tr:last-child { display:flex !important; align-items:center; gap:16px; margin-top:18px; }
#bigbox form table > tbody > tr:last-child > td { width:auto !important; margin:0 !important; }
#bigbox label, #bigbox td.smallbody { font-family:inherit; font-size:14px; color:#4a4a4a; }
#bigbox button.btnLogin { font-family:inherit !important; font-size:15px !important; font-weight:700 !important; color:#fff !important; background:#000 !important; border:2px solid #000 !important; border-radius:0 !important; padding:11px 26px !important; cursor:pointer; margin:0 !important; }
#bigbox button.btnLogin:hover { background:#333 !important; border-color:#333 !important; }
#bigbox button.btnLogin::before, #bigbox button.btnUser::before { display:none !important; content:none !important; }
#bigbox button .ui-icon, #bigbox button .ui-button-icon, #bigbox button i, #bigbox button svg { display:none !important; }
#bigbox button .ui-button-text { padding:0 !important; }
/* sign-up and support rows under the panel */
#bigbox table.login_signup, #bigbox table.login_support { width:100% !important; max-width:560px; margin:0 auto !important; border-collapse:collapse; }
#bigbox table.login_signup td, #bigbox table.login_support td { border:0 !important; background:transparent !important; text-align:left !important; padding:0 20px !important; }
#bigbox table.login_signup td > *, #bigbox table.login_support td > * { display:block; box-sizing:border-box; }
#bigbox table.login_signup span.h3 { font-family:inherit; font-size:0 !important; margin:22px 0 10px; }
#bigbox table.login_signup span.h3::before { content:"New to the site?"; font-size:15px; font-weight:700; color:#000; }
#bigbox button.btnUser { font-family:inherit !important; font-size:15px !important; font-weight:700 !important; color:#000 !important; background:#fff !important; border:2px solid #000 !important; border-radius:0 !important; padding:9px 20px !important; cursor:pointer; margin:0 !important; width:auto !important; display:inline-block !important; }
#bigbox button.btnUser:hover { background:#f5f5f5 !important; }
#bigbox table.login_support td { font-family:inherit; font-size:13.5px; color:#4a4a4a; line-height:1.6; padding-top:22px !important; }
#bigbox table.login_support td br { display:none; }
#bigbox table.login_support td > span { display:inline !important; }
#bigbox table.login_support td > span + span::before { content:" \00b7 "; }
#bigbox table.login_support a { color:#000; border-bottom:2px solid #6400FF; text-decoration:none; }