/* -- HamptonDevelopment.us -------------------------------------------- */

@import url(https://fonts.googleapis.com/css?family=Neuton:400,700);



.mtable {
  border: 0px;
  background-color: #F5F5F5;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;  
}

hr.dshadow {
  height: 6px;
  border: 0;
  box-shadow: inset 0 6px 6px -6px black;
  margin: 0;
  padding: 0;
  width: 100%; 
}

FORM {
  margin-bottom: 0;
  margin-top: 0;
}

.fmargin {
  margin-bottom: 2px;
}

BODY {
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, Helvetica, Sans-serif;
}

.nobreak {
  display:inline;
  display:inline-block;
}

A {
  text-decoration: none;
}

A:ACTIVE {
  color: #1C41AA;
  font-weight: normal;
  font-size: 14px;
  font-family: Arial, Helvetica, Sans-serif;
  background: transparent;
}

A:LINK {
  color: #1C41AA;
  font-weight: normal;
  font-size: 14px;
  font-family: Arial, Helvetica, Sans-serif;
  background: transparent;
}

A:VISITED {
  color: #1C41AA;
  font-weight: normal;
  font-size: 14px;
  font-family: Arial, Helvetica, Sans-serif;
  background: transparent;
}

A.TextLink {
  color: #404040;
  font-size: 14px;
  font-family: Arial, Helvetica, Sans-serif;
  background: transparent;
}

A.TextLink:HOVER {
  color: #696323;
  font-size: 14px;
  font-family: Arial, Helvetica, Sans-serif;
  border-bottom-color: #B57B46;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  background: transparent;
}

.menu {
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 6pt;
  font-style: normal;
}
/* How to highlight the "next", "checkout", "place order" text */

.next {
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: bolder;
  letter-spacing: 2px;  
}

/* TOP NAVIGATION */
/* Help / Home / Previous / Edit Cart if using two tables */
/* otherwise use class=TopNavLink below */

TABLE.tblTopPreviousNav {
  border: 0px;
  background-color: transparent;
  color: #000000;
  font-size: 12px;
  font-family: Arial, Helvetica, Sans-serif;
}

TD.tdTopPreviousNav {
/* Top Navigation Bar TABLE CELLS */
  border: 0px;
  border-style: none;
  color: #000000;
  font-size: 12px;
  font-family: Arial, Helvetica, Sans-serif;
}

.TopPreviousLink {
  color: #000000;
  font-size: 12px;
  font-family: Arial, Helvetica, Sans-serif;
  background: transparent;
}

.TopPreviousLink:HOVER {
  color: #FF0D00;
  font-style: italic;
  font-size: 12px;
  background: transparent;
}
/* TOP NAVIGATION - Functions */

TABLE.tblTopNav {
/* Top Navigation Bar TABLE */
  border: 0px;
  background-color: transparent;
  color: #000000;
  font-size: 12px;
  font-family: Arial, Helvetica, Sans-serif;
}

TD.tdTopNav {
/* Top Navigation Bar TABLE CELLS */
  border: 0px;
  border-style: outset;
  color: #000000;
  font-size: 12px;
  font-family: Arial, Helvetica, Sans-serif;
}

.TopNavLink {
  color: #000000;
  font-size: 12px;
  font-family: Arial, Helvetica, Sans-serif;
  background: transparent;
}

.TopNavLink:HOVER {
  color: #FF0D00;
  background: #F0F8FF;
}

.TopNavNextLink {
/* Special format for the NEXT, checkout, place order in Top Navigation HREF*/
  color: #000000;
  font-size: 12px;
  font-family: Arial, Helvetica, Sans-serif;
  background: transparent;
}

.TopNavNextLink:HOVER {
/* Special Hover format for the NEXT, checkout, place order in Top Navigation HREF*/
  color: #FF0D00;
  background: #FFFF80;
}
/* BOTTOM NAVIGATION */
/* Help / Home / Previous / Edit Cart if using two tables */
/* otherwise use class=BottomNavLink below */

TABLE.tblBottomPreviousNav {
  border: 0px;
  background-color: transparent;
  color: #000000;
  font-size: 12px;
  font-family: Arial, Helvetica, Sans-serif;
}

TD.tdBottomPreviousNav {
/* Top Navigation Bar TABLE CELLS */
  border: 0px;
  border-style: none;
  color: #000000;
  font-size: 12px;
  font-family: Arial, Helvetica, Sans-serif;
}

.BottomPreviousLink {
  color: #000000;
  font-size: 12px;
  font-family: Arial, Helvetica, Sans-serif;
  background: transparent;
}

.BottomPreviousLink:HOVER {
  color: #FF0D00;
  font-style: italic;
  font-size: 12px;
  background: transparent;
}
/* BOTTOM NAVIGATION - Functions */

TABLE.tblBottomNav {
/* Bottom Navigation Bar TABLE */
  border: 0px;
  background-color: transparent;
  color: #000000;
  font-size: 12px;
  font-family: Arial, Helvetica, Sans-serif;
}

TD.tdBottomNav {
/* Bottom Navigation Bar TABLE CELLS */
  vertical-align: bottom;
  border: 0px;
  border-style: outset;
  color: #000000;
  font-size: 12px;
  font-family: Arial, Helvetica, Sans-serif;
}

.BottomNavLink {
  color: #000000;
  font-size: 12px;
  font-family: Arial, Helvetica, Sans-serif;
  background: transparent;
}

.BottomNavLink:HOVER {
  color: #FF0D00;
  background: #F7F7E7;
}

.BottomNavNextLink {
/* Special format for the next, checkout, place order in Top Navigation HREF*/
  color: #000000;
  font-size: 12px;
  font-family: Arial, Helvetica, Sans-serif;
  background: transparent;
}

.BottomNavNextLink:HOVER {
/* Special Hover format for the next, checkout, place order in Top Navigation HREF*/
  color: #FF0D00;
  background: #FFFF80;
}
/* MISC NAVIGATION FORMATTING */

.TrashCanLink {
/*NON Hover format for the Trash Can HREF */
  font-size: 8px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  vertical-align: top;
  background-color: transparent;
  font-family: Arial, Helvetica, Sans-serif;
}

.TrashCanLink:HOVER {
/*Hover format for the Trash Can HREF */
  color: #8B0000;
  background-color: #F8F8DA;
}
/* Recalculate link right under quantity boxes */

.ReCalcLink {
  color: #000000;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 12px;
}

.ReCalcLink:HOVER {
  color: #000000;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 12px;
  background: #FFFFDF;
}
/* Shipping Address lable Text */

.ShipToAddressLink {
/* NON Hovering */
  color: #000000;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 12px;
}

.ShipToAddressLink:HOVER {
/* Hovering */
  color: Gray;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 12px;
  background: transparent;
}
/* Shipping Address Edit (to right of Address tab) */

.ShipToEditTop {
  color: #000000;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 12px;
}

.ShipToEditTop:HOVER {
  color: #FF0D00;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 12px;
  background: #F0F8FF;
}
/* Insurance Edit (to left) of Line Item in Summary */

.InsuranceEditLink {
  color: #000000;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 12px;
}

.InsuranceEditLink:HOVER {
  color: #FF0D00;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 12px;
  background: #F0F8FF;
}
/* Shipping Edit (to left) of Line Item in Summary */

.ShippingEditLink {
  color: #000000;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 12px;
}

.ShippingEditLink:HOVER {
  color: #FF0D00;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 12px;
  background: #F0F8FF;
}
/* Tax Edit (to left) of Line Item in Summary */

.TaxEditLink {
  color: #000000;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 12px;
}

.TaxEditLink:HOVER {
  color: #FF0D00;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 12px;
  background: #F0F8FF;
}
/* Coupon Edit (to left) of Line Item in Summary */

.CouponEditLink {
  color: #000000;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 12px;
}

.CouponEditLink:HOVER {
  color: #FF0D00;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 12px;
  background: #F0F8FF;
}
/* Have Any Coupons Edit (if no coupon number entered option) */

.HaveCouponEditLink {
  color: #000000;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 12px;
}

.HaveCouponEditLink:HOVER {
  color: #FF0D00;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 12px;
  background: #F0F8FF;
}
/* Edit LINK for Line Item(s) text on Summary Page */

.SummaryTextLink {
  color: #000000;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 12px;
}

.SummaryTextLink:HOVER {
  color: #696323;
  font-size: 12px;
  font-family: Arial, Helvetica, Sans-serif;
  background: transparent;
}

/* --- MODIFY ----------------------------------------------------------------------------- */
/* IF USING BUTTONS FOR NAV */
/* Define here and include in <mof.conf> settings */
/* formats nav buttons */

.ReCaclBtn {
/* Button using GIF (animated ok) */
  width: 90px;
  background: url("https://www.shakeapawrescue.org/mcart/images/bullet.png");
  background-position: left;
  background-repeat: no-repeat;
  background-color: #F4F4F4;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 8px;
  text-align: center;
  visibility: visible;
  cursor: pointer;  
  padding: 2px 15px 2px 15px;  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.linkMenuBtn {
  background-color: #F4F4F4;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 11px;
  text-align: center;
  visibility: visible;
  border: 1px solid #808080;
  padding: 1px 10px 1px 10px;  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.linkNextBtn {
  background-color: #F5F5CB;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 11px;
  text-align: center;
  visibility: visible;
  border: 1px solid #808080;
  padding: 1px 10px 1px 10px;  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.linkShipTopBtn {
  width: 50px;
  background: url("https://www.shakeapawrescue.org/mcart/images/bullet.png");
  background-position: left;
  background-repeat: no-repeat;
  background-color: #F4F4F4;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 8px;
  text-align: left;
  visibility: visible;
  cursor: pointer;  
  padding: 0px 15px 0px 15px;  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.linkInsuranceBtn {
  width: 50px;
  background: url("https://www.shakeapawrescue.org/mcart/images/bullet.png");
  background-position: left;
  background-repeat: no-repeat;
  background-color: #F4F4F4;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 8px;
  text-align: left;
  visibility: visible;
  cursor: pointer;  
  padding: 0px 15px 0px 15px;  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.linkShipBtn {
  width: 50px;
  background: url("https://www.shakeapawrescue.org/mcart/images/bullet.png");
  background-position: left;
  background-repeat: no-repeat;
  background-color: #F4F4F4;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 8px;
  text-align: left;
  visibility: visible;
  cursor: pointer;  
  padding: 0px 15px 0px 15px;  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.linkTaxBtn {
  width: 40px;
  background: url("https://www.shakeapawrescue.org/mcart/images/bullet.png");
  background-position: left;
  background-repeat: no-repeat;
  background-color: #F4F4F4;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 8px;
  text-align: left;
  visibility: visible;
  cursor: pointer;  
  padding: 0px 15px 0px 15px;  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.linkCouponBtn {
  width: 40px;
  background: url("https://www.shakeapawrescue.org/mcart/images/bullet.png");
  background-position: left;
  background-repeat: no-repeat;
  background-color: #F4F4F4;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 8px;
  text-align: left;
  visibility: visible;
  cursor: pointer;  
  padding: 0px 15px 0px 15px;  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.linkHaveCouponBtn {
  width: 120px;
  background: url("https://www.shakeapawrescue.org/mcart/images/bullet.png");
  background-position: left;
  background-repeat: no-repeat;
  background-color: #F4F4F4;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 8px;
  text-align: left;
  visibility: visible;
  cursor: pointer;  
  padding: 0px 15px 0px 15px;  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

/* --- MODIFY ----------------------------------------------------------------------------- */

/*  REGULAR TEXT under Section  */

.SectionHeadings {
  color: #404040;
  font-family: Arial, Helvetica, Sans-serif;
  font-weight: bold;
  font-size: 14px;
}

.SectionText {
  color: Black;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 14px;
}

.DefaultText {
  color: Black;
  font-size: 14px;
}

.DefaultText3 {
  color: Black;
  font-size: 14px;
}

.FooterText {
  color: #5D5D5D;
  font-size: 14px;
}

OL.ValidationLines {
  color: Navy;
  font-weight: bold;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 12px;
}
/*  REGULAR TEXT under Section  */

.ValidationMessageText {
/* Highlighting  for all validation messages appearing throughout cart*/
  
}

.ValidationFooter {
  color: Black;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 14px;
}
/* TOP TAB TABLE ViewCart & Cart Summary */

TABLE.TopTable {
  width: 98%;
  padding: 0px;
  border-bottom: hidden;
  border-left: hidden;
  border-right: hidden;
  border-top: hidden;
  background: transparent;
}

TR.topRow {
  padding: 0px;
  border: hidden;
  background: transparent;
}

TD.topLeft {
  padding: 0px;
  width: 300px;
  color: #404040;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  font-family: Arial, Helvetica, Sans-serif;
  background-position: top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  border-bottom-width: 3px;
  border-bottom-style: double;
  border-bottom-color: Black;
  background-image: url("https://www.shakeapawrescue.org/mcart/images/toptab.gif");
}
/* Note: a middle column only appears on Order Summary pg - for edit btn */

TD.topMid {
  padding: 0px;
  border: none;
  text-align: left;
  vertical-align: center;
  background: transparent;
}

TD.topRight {
  padding: 0px;
  border: none;
  color: #404040;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  text-align: right;
  vertical-align: bottom;
  background: transparent;
  font-family: Arial, Helvetica, Sans-serif;
}
/* SHIP TO Header in Tab */

.tabMsg {
  color: DarkGray;
  font-size: 8px;
  font-style: normal;
  font-weight: bolder;
  font-variant: small-caps;
  letter-spacing: 8px;
  line-height: 18px;
  font-family: Arial, Helvetica, Sans-serif;
}
/* Inside table & TD for Shipping Addr on Summary Screen */
/* Note: TD should match TD.topLeft width */
/* Note: This is an ** Inside ** table do not put 98% */

TABLE.tblSum {
  border: hidden;
  background-position: top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-image: url("https://www.shakeapawrescue.org/mcart/images/toptabship.gif");
}

TR.trSum {}

TD.tdSum {
  padding-bottom: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 8px;
  border-left-width: 0px;
  border-left-color: Gray;
  border-left-style: dashed;
  border-top-width: 0px;
  border-top-color: Gray;
  border-top-style: dashed;
  border-right-width: 0px;
  border-right-color: Gray;
  border-right-style: dashed;
  width: 300px;
  color: #404040;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
  font-family: Arial, Helvetica, Sans-serif;
}
/* Table & TD for Final Confirmation Screen */
/* Note: TD should match TD.topLeft width */

TABLE.tblInvc {
  width: 98%;
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  border-bottom: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
}

TR.trInvcTop {}
/* Note: the width here (IMG) is  */
/* TD.tdInvcLeftAddr: width + border-left-width + padding-left */

TD.tdInvcLeftTop {
  width: 311px;
  padding-bottom: 0px;
  background-position: top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-image: url("https://www.shakeapawrescue.org/mcart/images/toptabbill.gif");
  color: Black;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  text-indent: 10px;
  vertical-align: middle;
}

TD.tdInvcRightTop {
  color: #404040;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  text-align: right;
  vertical-align: top;
}

TR.trInvcAddr {}

TD.tdInvcLeftAddr {
  width: 300px;
  padding-bottom: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 10px;
  background-color: #F5F5F5;
  color: Black;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  vertical-align: bottom;
}

TD.tdInvcRightAddr {
  padding-bottom: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 10px;
  color: Black;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  font-family: Arial, Helvetica, Sans-serif;
}
/* SHIPPING PAGE */
/* EDITING flag reminder on Shipping page */

.editing {
  color: #DC143C;
  font-size: 8px;
  font-style: normal;
  font-variant: small-caps;
  font-weight: normal;
  letter-spacing: 1px;
  font-family: Arial, Helvetica, Sans-serif;
  background: #FFFFE1;
}
/* Shipping Section Titles, Text */

TABLE.shipSection {
  width: 98%;
  background: transparent;
  border: hidden;
}

TR.shipTitle {}

TD.titleNum {
  width: 40px;
  white-space: nowrap;
  padding: 0 0 0 0;
  border: none;
  font-size: 13px;
  font-style: normal;
  font-weight: bolder;
  text-align: left;
  text-shadow: #FAFAD2;
  vertical-align: middle;
  background-color: transparent;
  font-family: Arial, Helvetica, Sans-serif;
}

TD.titleTitle {
  padding: 0;
  border: none;
  color: #404040;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
  background-color: transparent;
}

TR.shipText {}

TD.textNum {
  width: 40px;
  font-size: 14px;
  text-align: left;
  background-color: transparent;
}

TD.textText {
  padding: 0 0 0 0;
  border: none;
  color: Black;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  background-color: transparent;
}

TR.blankRow {
  height: 4px;
  font-size: 4px;
  padding: 0 0 0 0;
  background-color: transparent;
}
/* Shipping Section Input */

.ShippingBoxFormat {
  padding: 0 0 0 5px;
  width: 250px;
  height: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #808080;
  background-color: #F8F8F8;
  color: #404040;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  font-family: Arial, Helvetica, Sans-serif;
}

.ShippingErrBoxFormat {
  padding: 0 0 0 5px;
  width: 250px;
  height: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #808080;
  background-color: #F8F8F8;
  color: #404040;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  font-family: Arial, Helvetica, Sans-serif;
}
/* Normal appearance (no validation error) */

TABLE.shipInput {
  border: hidden;
  background: transparent;
}

TR.inputRow {}

TD.inputNum {
  width: 40px;
  border: none;
  padding: 0 0 0 0;
  white-space: nowrap;
  background-color: transparent;
}

TD.inputLabel {
  padding: 0 4px 0 0;
  white-space: nowrap;
  border: 0px;
  font-size: 14px;
  font-weight: normal;
  text-align: right;
  vertical-align: middle;
}

TD.inputInput {
  width: 280px;
  height: 22px;
  padding: 0 0 0 4px;
  white-space: nowrap;
  border: none;
  color: Black;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  background-color: #F8F8F8;
  font-family: Arial, Helvetica, Sans-serif;
}

TD.inputValidate {
  width: 60px;
  padding: 0 0 0 4px;
  white-space: nowrap;
  border: none;
  color: Black;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  background-color: transparent;
  font-family: Arial, Helvetica, Sans-serif;
}
/* Row/Cell appearance when validation error */

TR.errRow {
  background-color: #FFFFFF;
}

TD.errNum {
  width: 40px;
  border: none;
  padding: 0 4px 0 4px;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  background-color: #FFFFFF;
}

TD.errLabel {
  padding: 0 4px 0 0;
  white-space: nowrap;
  border-bottom: 0px;
  border-left: 0px;
  border-top: 0px;
  color: #CC0000;
  font-size: 14px;
  font-weight: normal;
  text-align: right;
  vertical-align: middle;
  font-family: Arial, Helvetica, Sans-serif;
}

TD.errInput {
  padding: 0 0 0 4px;
  white-space: nowrap;
  border: none;
  color: Black;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  font-family: Arial, Helvetica, Sans-serif;
}

TD.errValidate {
  width: 60px;
  padding: 0 0 0 4px;
  white-space: nowrap;
  border: none;
  color: Black;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  font-family: Arial, Helvetica, Sans-serif;
}
/* Row/Cell appearance when validation error */

TR.regionRow {
  background-color: transparent;
}

TD.regionNum {
  width: 40px;
  border: none;
  padding: 0 0 0 0;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  background-color: transparent;
}

TD.regionText {
  padding: 0 4px 0 0;
  white-space: nowrap;
  color: Navy;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  background-color: transparent;
  font-family: Arial, Helvetica, Sans-serif;
  border-bottom: 0;
  border-left: 0;
  border-top: 0;
  border-right: 0;
}
/* BILLING PAGE */
/* Billing Section Titles, Text */

TABLE.billSection {
  width: 98%;
  background: transparent;
  border: hidden;
}

TR.billTitle {}

TD.titleBNum {
  width: 40px;
  white-space: nowrap;
  padding: 0 0 0 0;
  border: none;
  font-size: 14px;
  font-style: normal;
  font-weight: bolder;
  text-align: left;
  vertical-align: middle;
  background-color: transparent;
  font-family: Arial, Helvetica, Sans-serif;
}

TD.titleBTitle {
  padding: 0 0 0 0;
  border: none;
  color: #404040;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  text-shadow: #B54649;
  vertical-align: middle;
  background-color: transparent;
  font-family: Arial, Helvetica, Sans-serif;
}

TR.billText {}

TD.textBNum {
  width: 40px;
  font-size: 14px;
  text-align: left;
  background-color: transparent;
  font-family: Arial, Helvetica, Sans-serif;
}

TD.textBText {
  padding: 0 0 0 0;
  border: none;
  color: Black;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  background-color: transparent;
  font-family: Arial, Helvetica, Sans-serif;
}

TR.blankBRow {
  height: 4px;
  font-size: 4px;
  padding: 0 0 0 0;
  background-color: transparent;
}
/* Sub Payment Options Section Titles, Text */

TABLE.optSection {
  width: 98%;
  background: transparent;
  border: hidden;
}

TR.optRow {}

TD.optNum {
  width: 40px;
  white-space: nowrap;
  padding: 0 0 0 0;
  border: none;
  font-size: 14px;
  font-style: normal;
  font-weight: bolder;
  text-align: center;
  text-shadow: #FAFAD2;
  vertical-align: middle;
  background-color: transparent;
  font-family: Arial, Helvetica, Sans-serif;
}

TD.optTitle {
  padding: 0 0 0 0;
  border: none;
  color: #404040;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  text-shadow: #B54649;
  vertical-align: middle;
  background-color: #F8F8F8;
  font-family: Arial, Helvetica, Sans-serif;
}

TD.optText {
  padding: 0 0 0 0;
  border: none;
  color: Black;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  background-color: transparent;
  font-family: Arial, Helvetica, Sans-serif;
}
/* Billing Section Input */

.BillingBoxFormat {
  padding: 0 0 0 5px;
  width: 250px;
  height: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #808080;
  background-color: #F8F8F8;
  color: #404040;
  font-size: 14px;
  font-style: normal;
  text-align: left;
  vertical-align: middle;
  font-family: Arial, Helvetica, Sans-serif;
}

.BillingErrBoxFormat {
  padding: 0 0 0 5px;
  width: 250px;
  height: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #808080;
  background-color: #F8F8DA;
  color: #404040;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
  font-family: Arial, Helvetica, Sans-serif;
}

.BillingTextAreaFormat {
  padding: 5px 5px 5px 5px;
  width: 450px;
  height: 80px;
  border-bottom: 0px;
  border-right: 0px;
  border-top: 0px;
  color: #404040;
  font-size: 14px;
  font-style: normal;
  text-align: left;
  vertical-align: top;
  font-family: Arial, Helvetica, Sans-serif;
}

.BillingCheckBoxFormat {
  background-color: #F8F8F8;
}
/* Normal appearance (no validation error) */

TABLE.billInput {
  border: hidden;
  background: transparent;
}

TR.inputBRow {}

TD.inputBNum {
  width: 40px;
  border: none;
  padding: 0 0 0 0;
  white-space: nowrap;
  background-color: transparent;
}

TD.inputBLabel {
  padding: 0 4px 0 0;
  white-space: nowrap;
  border-bottom: 0px;
  border-left: 0px;
  border-top: 0px;
  color: Black;
  font-size: 14px;
  font-weight: normal;
  text-align: right;
  vertical-align: middle;
  font-family: Arial, Helvetica, Sans-serif;
}

TD.inputBInput {
  width: 280px;
  height: 22px;
  padding: 0 0 0 4px;
  white-space: nowrap;
  border: none;
  color: Black;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  font-family: Arial, Helvetica, Sans-serif;
}

TD.inputBValidate {
  width: 60px;
  padding: 0 0 0 4px;
  white-space: nowrap;
  border: none;
  color: Black;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  background-color: transparent;
  font-family: Arial, Helvetica, Sans-serif;
}
/* Row/Cell appearance when validation error */

TR.errBRow {
  background-color: #FFFFFF;
}

TD.errBNum {
  width: 40px;
  border: none;
  padding: 0 4px 0 4px;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}

TD.errBLabel {
  padding: 0 4px 0 0;
  white-space: nowrap;
  border-bottom: 0px;
  border-left: 0px;
  border-top: 0px;
  color: Black;
  font-size: 14px;
  font-weight: normal;
  text-align: right;
  vertical-align: middle;
  font-family: Arial, Helvetica, Sans-serif;
}

TD.errBInput {
  padding: 0 0 0 4px;
  white-space: nowrap;
  border: none;
  color: Black;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  font-family: Arial, Helvetica, Sans-serif;
}

TD.errBValidate {
  width: 60px;
  padding: 0 0 0 4px;
  white-space: nowrap;
  border: none;
  color: Black;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  font-family: Arial, Helvetica, Sans-serif;
}
/* Row/Cell appearance when validation error */

TR.regionBRow {
  background-color: transparent;
}

TD.regionBNum {
  width: 40px;
  border: none;
  padding: 0 0 0 0;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  background-color: transparent;
}

TD.regionBText {
  padding: 0 4px 0 0;
  white-space: nowrap;
  color: Navy;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  background-color: transparent;
  font-family: Arial, Helvetica, Sans-serif;
  border-bottom: 0;
  border-left: 0;
  border-top: 0;
  border-right: 0;
}
/* Row/Cell cyber permission */

TABLE.yesSection {
  width: 450px;
  background: transparent;
  border: hidden;
}

.yesRadio {}

TR.yesRow {
  white-space: nowrap;
}

TD.yesNum {
  width: 40px;
  white-space: nowrap;
  padding: 0 0 0 0;
  border: none;
  background-color: transparent;
}

TD.yesText {
  width: 410px;
  padding: 0 0 0 0;
  border: none;
  color: Black;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  background-color: #D5F2CF;
  font-family: Arial, Helvetica, Sans-serif;
}

.noRadio {}

TR.noRow {
  white-space: nowrap;
}

TD.noNum {
  width: 40px;
  white-space: nowrap;
  padding: 0 0 0 0;
  border: none;
  background-color: transparent;
}

TD.noText {
  width: 410px;
  padding: 0 0 0 0;
  border: none;
  color: Black;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  background-color: #FFBAAE;
  font-family: Arial, Helvetica, Sans-serif;
}
/* ITEM(S) TABLES ViewCart, Summary, Confirmation*/

TABLE.ItemTable {
  width: 98%;
  padding: 3px;
  background: #F8F8F8;
  border-left: hidden;
  border-right: hidden;
  border-top: hidden;
  border-bottom: 3px;
  border-bottom-color: #424242;
  border-bottom-style: double;
}
/*  HEADER Row-Cell */
/* Why is there cellpadding/cellspacing here ????? */

TR.hRow {
  width: 100%;
  padding: 3px;
  border: none;
  background: #737373;
}

TD.hCell {
  white-space: nowrap;
  padding: 3px;
  border: none;
  cursor: crosshair;
  color: White;
  font-size: 12px;
  font-weight: bolder;
  text-align: center;
  text-shadow: #C4C4C4;
  background: #737373;
  font-family: Arial, Helvetica, Sans-serif;
}
/*  ITEM(S)/SUB (if Qty > 1) Row-Cell */

TR.aRow {
  padding: 3px;
  border: none;
  background: #001F37;
}

TD.aQtyCell {
  max-width: 60px;
  white-space: nowrap;
  padding: 3px;
  border: none;
  color: Black;
  font-size: 14px;
  font-weight: bolder;
  text-align: center;
  vertical-align: top;
  background: #ECECEC;
  font-family: Arial, Helvetica, Sans-serif;
}

.QuantityBoxFormat {
  width: 24px;
  border: 1px solid;
  border-color: #000000;
  background: #FFFFFF;
}

TD.aItemCell {
  padding: 3px;
  border: none;
  color: Black;
  text-align: left;
  vertical-align: top;
  background: #ECECEC;  
}

TD.aDescriptionCell {
  padding: 3px;
  border: none;
  color: #404040;
  font-style: normal;
  text-align: left;
  vertical-align: top;
  background: #ECECEC;
}

TD.aPriceCell {
  white-space: nowrap;
  padding: 3px;
  border: none;
  font-style: normal;
  text-align: right;
  margin-right: 6px;
  vertical-align: bottom;
  background: #ECECEC;
}

TR.bRow {
  padding: 3px;
  border: none;
  background: transparent;
}
/*  BLANK  */

TD.bQtyCell {
  white-space: nowrap;
  padding: 3px;
  border: none;
  background: #F8F8F8;
}
/*  DESCRIPTION  colspan=2 */

TD.bDescriptionCell {
  padding: 3px;
  border: none;
  color: #404040;
  text-align: left;
  vertical-align: top;
  background: #F8F8F8;
}
/*  DESCRIPTION  <LI> Name:Value */

/* -- Options List -------------------- */

LI.descList {
  margin-left: 5px;
  color: #770B0B;
  list-style: square;
  list-style-position: inside;
}

.descKey {
  color: #770B0B;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.descValue {
  color: #770B0B;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  margin-left: 5px;
}

/* -- Options List -------------------- */

TD.bPriceCell {
  white-space: nowrap;
  padding: 0px;
  border: none;
  color: #324132;
  font-size: 13px;
  font-style: normal;
  font-weight: bolder;
  text-align: right;
  text-shadow: #FAFAD2;
  margin-right: 6px;
  vertical-align: bottom;
  background: #F8F8F8;
  font-family: Arial, Helvetica, Sans-serif;
}
/*  SUMMARY TOTALS : sRTP1 .. 10    */

TABLE.TotalTable {
  width: 98%;
  padding: 0px;
  border: 0px;
  background: transparent;
}
/* In The summary Table, far left colum is for re Calc img */

TD.sImage {
  vertical-align: top;
  text-align: left;
}
/* Gross total */

TR.sRow1 {
  background: transparent;
}

TD.sText1 {
  padding: 0px;
  border: none;
  color: Black;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  text-align: right;
  text-shadow: #FAFAD2;
  margin-right: 6px;
  vertical-align: bottom;
  background: transparent;
  font-family: Arial, Helvetica, Sans-serif;
}

TD.sPrice1 {
  white-space: nowrap;
  padding: 0px;
  border: none;
  color: Black;
  font-size: 13px;
  font-style: normal;
  font-weight: bolder;
  text-align: right;
  text-shadow: #FAFAD2;
  margin-right: 6px;
  vertical-align: bottom;
  background: #F7F7F7;
  font-family: Arial, Helvetica, Sans-serif;
}
/* Quantity Discounts */

TR.sRow2 {
  background: transparent;
}

TD.sText2 {
  padding: 0px;
  border: none;
  color: #305C83;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  text-align: right;
  text-shadow: #FAFAD2;
  margin-right: 6px;
  vertical-align: bottom;
  background: transparent;
  font-family: Arial, Helvetica, Sans-serif;
}

TD.sPrice2 {
  white-space: nowrap;
  padding: 0px;
  border: none;
  color: #FF6666;
  font-size: 13px;
  font-style: normal;
  font-weight: bolder;
  text-align: right;
  text-shadow: #FAFAD2;
  margin-right: 6px;
  vertical-align: bottom;
  background: #F7F7F7;
  font-family: Arial, Helvetica, Sans-serif;
}
/* ARES discounts */

TR.sRow3 {
  background: transparent;
}

TD.sText3 {
  padding: 0px;
  border: none;
  color: #305C83;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  text-align: right;
  text-shadow: #FAFAD2;
  margin-right: 6px;
  vertical-align: bottom;
  background: transparent;
  font-family: Arial, Helvetica, Sans-serif;
}

TD.sPrice3 {
  white-space: nowrap;
  padding: 0px;
  color: #FF6666;
  font-size: 13px;
  font-style: normal;
  font-weight: bolder;
  text-align: right;
  text-shadow: #FAFAD2;
  margin-right: 6px;
  vertical-align: bottom;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 2px;
  border-bottom-style: double;
  border-bottom-color: Gray;
  background: #F7F7F7;
  font-family: Arial, Helvetica, Sans-serif;
}
/* sub total after discounts*/

TR.sRow4 {
  background: transparent;
}

TD.sText4 {
  padding: 0px;
  border: none;
  color: Black;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  text-align: right;
  text-shadow: #FAFAD2;
  margin-right: 6px;
  vertical-align: bottom;
  background: transparent;
  font-family: Arial, Helvetica, Sans-serif;
}

TD.sPrice4 {
  white-space: nowrap;
  padding: 0px;
  border: none;
  color: Black;
  font-size: 13px;
  font-style: normal;
  font-weight: bolder;
  text-align: right;
  text-shadow: #FAFAD2;
  margin-right: 6px;
  vertical-align: bottom;
  background: #F8F8F8;
  font-family: Arial, Helvetica, Sans-serif;
}
/* Tax total */

TR.sRow5 {
  background: transparent;
}

TD.sText5 {
  padding: 0px;
  border: none;
  color: #305C83;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  text-align: right;
  text-shadow: #FAFAD2;
  margin-right: 6px;
  vertical-align: bottom;
  background: transparent;
  font-family: Arial, Helvetica, Sans-serif;
}

TD.sPrice5 {
  white-space: nowrap;
  padding: 0px;
  border: none;
  color: Black;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-align: right;
  text-shadow: #FAFAD2;
  margin-right: 6px;
  vertical-align: bottom;
  background: #F7F7F7;
  font-family: Arial, Helvetica, Sans-serif;
}
/* Handling total */

TR.sRow6 {
  background: transparent;
}

TD.sText6 {
  padding: 0px;
  border: none;
  color: #305C83;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  text-align: right;
  text-shadow: #FAFAD2;
  margin-right: 6px;
  vertical-align: bottom;
  background: transparent;
  font-family: Arial, Helvetica, Sans-serif;
}

TD.sPrice6 {
  white-space: nowrap;
  padding: 0px;
  border: none;
  color: Black;
  font-size: 13px;
  font-style: normal;
  font-weight: bolder;
  text-align: right;
  text-shadow: #FAFAD2;
  margin-right: 6px;
  vertical-align: bottom;
  background: #F7F7F7;
  font-family: Arial, Helvetica, Sans-serif;
}
/* Insurance total */

TR.sRow7 {
  background: transparent;
}

TD.sText7 {
  padding: 0px;
  border: none;
  color: #305C83;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  text-align: right;
  text-shadow: #FAFAD2;
  margin-right: 6px;
  vertical-align: bottom;
  background: transparent;
  font-family: Arial, Helvetica, Sans-serif;
}

TD.sPrice7 {
  white-space: nowrap;
  padding: 0px;
  border: none;
  color: Black;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-align: right;
  text-shadow: #FAFAD2;
  margin-right: 6px;
  vertical-align: bottom;
  background: #F7F7F7;
  font-family: Arial, Helvetica, Sans-serif;
}
/* shipping total */

TR.sRow8 {
  background: transparent;
}

TD.sText8 {
  padding: 0px;
  border: none;
  color: #404040;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  text-align: right;
  margin-right: 6px;
  vertical-align: bottom;
  background: transparent;
  font-family: Arial, Helvetica, Sans-serif;
}

TD.sPrice8 {
  white-space: nowrap;
  padding: 0px;
  border: none;
  color: Black;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-align: right;
  text-shadow: #FAFAD2;
  margin-right: 6px;
  vertical-align: bottom;
  background: #F7F7F7;
  font-family: Arial, Helvetica, Sans-serif;
}
/* Total total */

TR.sRow9 {
  background: transparent;
}

TD.sText9 {
  padding: 0px;
  border-bottom: hidden;
  border-left: hidden;
  border-right: hidden;
  border-top: hidden;
  color: Black;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  text-align: right;
  text-shadow: #FAFAD2;
  margin-right: 6px;
  vertical-align: bottom;
  background: transparent;
  font-family: Arial, Helvetica, Sans-serif;
}

TD.sPrice9 {
  white-space: nowrap;
  padding: 0px;
  border-bottom: hidden;
  border-left: hidden;
  border-right: hidden;
  border-top-color: Black;
  border-top-style: double;
  border-width: 3px;
  color: Black;
  font-size: 13px;
  font-style: normal;
  font-weight: bolder;
  text-align: right;
  text-shadow: #FAFAD2;
  margin-right: 6px;
  vertical-align: bottom;
  background: #F8F8F8;
  font-family: Arial, Helvetica, Sans-serif;
}
/* Alternate currency total */

TR.sRow10 {
  background: transparent;
}

TD.sText10 {
  padding: 0px;
  border: none;
  color: #288D4A;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  text-align: right;
  text-shadow: #FAFAD2;
  margin-right: 6px;
  vertical-align: bottom;
  background: transparent;
  font-family: Arial, Helvetica, Sans-serif;
}

TD.sPrice10 {
  white-space: nowrap;
  padding: 0px;
  border: hidden;
  color: #288D4A;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-align: right;
  text-shadow: #FAFAD2;
  margin-right: 6px;
  vertical-align: bottom;
  background: #F7F7F7;
  font-family: Arial, Helvetica, Sans-serif;
}
/* COD final order screen */

TR.sRow11 {
  background: transparent;
}

TD.sText11 {
  padding: 0px;
  border: none;
  color: #305C83;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  text-align: right;
  text-shadow: #FAFAD2;
  margin-right: 6px;
  vertical-align: bottom;
  background: transparent;
  font-family: Arial, Helvetica, Sans-serif;
}

TD.sPrice11 {
  white-space: nowrap;
  padding: 0px;
  border: hidden;
  color: Black;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-align: right;
  text-shadow: #FAFAD2;
  margin-right: 6px;
  vertical-align: bottom;
  background: #F7F7F7;
  font-family: Arial, Helvetica, Sans-serif;
}
/* DEPOSITS final order screen */

TR.sRow12 {
  background: transparent;
}

TD.sText12 {
  padding: 0px;
  border: none;
  color: #305C83;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  text-align: right;
  text-shadow: #FAFAD2;
  margin-right: 6px;
  vertical-align: bottom;
  background: transparent;
  font-family: Arial, Helvetica, Sans-serif;
}

TD.sPrice12 {
  white-space: nowrap;
  padding: 0px;
  border: hidden;
  color: Black;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-align: right;
  text-shadow: #FAFAD2;
  margin-right: 6px;
  vertical-align: bottom;
  background: #F7F7F7;
  font-family: Arial, Helvetica, Sans-serif;
}
/* Total total final screen only after deposits */

TR.sRow13 {
  background: transparent;
}

TD.sText13 {
  padding: 0px;
  border-bottom: hidden;
  border-left: hidden;
  border-right: hidden;
  border-top: hidden;
  color: Black;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  text-align: right;
  text-shadow: #FAFAD2;
  margin-right: 6px;
  vertical-align: bottom;
  background: transparent;
  font-family: Arial, Helvetica, Sans-serif;
}

TD.sPrice13 {
  white-space: nowrap;
  padding: 0px;
  border-bottom: hidden;
  border-left: hidden;
  border-right: hidden;
  border-top-color: Black;
  border-top-style: double;
  border-width: 3px;
  color: Black;
  font-size: 13px;
  font-style: normal;
  font-weight: bolder;
  text-align: right;
  text-shadow: #FAFAD2;
  margin-right: 6px;
  vertical-align: bottom;
  background: #F8F8F8;
  font-family: Arial, Helvetica, Sans-serif;
}
/* CUSTOM FIELDS printing on Confirmation pg */
/* TR is for title and text */
/* TD is for key Titles and Values */
/* In other words: TR title and text do not have Class for TD */
/* similarly TD key/value do not have Class for TR */

TABLE.tblCustom {
  width: 98%;
  padding: 0px;
  background: transparent;
}

TR.rowCustomTitle {
  background-color: #737373;
  color: White;
  font-weight: bold;
  font-size: 12px;
  text-indent: 8px;
  font-family: Arial, Helvetica, Sans-serif;
}

TR.rowCustomText {
  color: Black;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 12px;
}

TD.titleCustom {
  width: 40%;
  color: Black;
  white-space: nowrap;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 12px;
  text-align: right;
  background-color: #F5F5F5;
}

TD.valueCustom {
  width: 60%;
  color: Navy;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 12px;
  text-align: left;
  background-color: White;
}
/*  ADDITIONAL FIELDS printing on Confirmation pg */
/* TR is for title and text */
/* TD is for data only */
/* In other words: TR title and text do not have Class for TD */
/* similarly TD data do not have Class for TR */

TABLE.tblAdditional {
  width: 98%;
  padding: 0px;
  background: transparent;
}

TR.rowAdditionalTitle {
  background-color: #737373;
  color: White;
  font-weight: bold;
  font-size: 12px;
  text-indent: 8px;
  font-family: Arial, Helvetica, Sans-serif;
}

TR.rowAdditionalText {
  color: Black;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 12px;
}

TD.titleAdditional {
  width: 20%;
  color: Black;
  white-space: nowrap;
  vertical-align: top;
  font-size: 12px;
  text-align: right;
  background-color: #F5F5F5;
  font-family: Arial, Helvetica, Sans-serif;
}

TD.valueAdditional {
  width: 80%;
  color: Navy;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 12px;
  text-align: left;
  background-color: White;
}
/* COMMENTS on Confirmation pg */
/* TR is for title */
/* TD is for data only */
/* In other words: TR title do not have Class for TD */
/* similarly TD data do not have Class for TR */

TABLE.tblComments {
  width: 98%;
  padding: 0px;
  background: transparent;
}

TR.rowComments {
  background-color: #737373;
  color: White;
  font-weight: bold;
  font-size: 12px;
  text-indent: 8px;
  font-family: Arial, Helvetica, Sans-serif;
}

TD.cellComments {
  color: Navy;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 12px;
  text-align: left;
  background-color: White;
}
/* CC-Check lines for Mail or Fax Pymt */
/* TR is for title */
/* TD is for data only */
/* In other words: TR title do not have Class for TD */
/* similarly TD data do not have Class for TR */

TABLE.tblLines {
  width: 98%;
  padding: 0px;
  background: transparent;
}

TR.rowLines {
  background-color: #737373;
  color: White;
  font-weight: bold;
  font-size: 12px;
  text-indent: 8px;
  font-family: Arial, Helvetica, Sans-serif;
}

TD.cellLinesTitle {
  width: 40%;
  white-space: nowrap;
  color: Black;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 12px;
  text-align: right;
  background-color: #F5F5F5;
}

TD.cellLinesValue {
  width: 60%;
  color: Navy;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 12px;
  text-align: left;
  background-color: White;
  border-bottom-color: Black;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
/* TOP MESSAGE RE: PAYMENT INSTRUCTIONS on Confirmation pg */
/* TR is for title */
/* TD is for data only */
/* In other words: TR title do not have Class for TD */
/* similarly TD data do not have Class for TR */

TABLE.tblTopMessage {
  width: 98%;
  padding: 0px;
  background: transparent;
}

TR.rowTopMessage {
  background-color: transparent;
  color: #404040;
  font-weight: bold;
  font-size: 14px;
  text-indent: 0px;
}

TD.cellTopMessage {
  padding: 0 0 0 0;
  border: none;
  color: Black;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  text-align: left;
  vertical-align: top;
  background-color: transparent;
}
/* A table that helps format payment info text (left) */
/* To a Button (right) EX, PayPal, Form Gateway, SIM */
/* This table is nested within the tblTopMessage above */
/* and is only used where a final button is placed */

TABLE.tblButton {
  width: 100%;
  padding: 0px;
  background: transparent;
}

TR.rowButton {}

TD.cellButtonLeft {
  padding-left: 6px;
  border-left: 5px;
  border-left-color: #404040;
  border-left-style: double;
  border-top: hidden;
  border-bottom: hidden;
  border-right: hidden;
  color: Black;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  background-color: #F4F4F4;
}

TD.cellButtonRight {
  width: 150px;
  padding: 0 0 0 0;
  border-color: #404040;
  border-width: 2px;
  border-style: outset;
  vertical-align: middle;
  text-align: center;
  background-color: #F4F4F4;
}