*       {font-family: open sans}
h1	{font-weight: 800}
A:hover {text-decoration: none}
.float-right    {float: right}
.float-left     {float: left}
.min-height	{min-height: 800px}
.clist {cursor: pointer}
.input-lg   {font-size:1.4rem}
SELECT.input-lg {height: calc(2.25rem + 10px) !important}
.button-lg    {padding: 10px}
.splashHome    {background: transparent url('/public/images/naples-night.png') no-repeat top center; background-size: cover;height: 500px; margin-bottom: -550px}
.homeContent P  {font-size: 1.2rem; line-height: 2.5rem; font-weight: 200}
#homePanel1     {height: 500px; padding-top: 150px;}
#homePanel2 { margin: 100px auto 50px auto}
#homePanel3 { margin-bottom: 50px }
.homeContent A  {color: #900; !text-align: center}
#btnLogin, #btnLogout	{font-weight: bold}
.navbar-nav {padding-top: 20px}
.homeContent H1      {font-size: 2.2rem !important;}
#homePanel1 H1:first-of-type {color: #fff}
#logo IMG  {height: 65px; position: absolute; margin-top: -33px; transform: rotate(-5deg); }
#logo       {cursor: hand}
NAV.bg-light { border-bottom: 1px solid #ddd; background: #fff !important }
NAV.bg-dark { border-bottom: 1px solid #fff; }
.navbar-brand   { font-weight: 100 !important; }
1.navbar-brand   {font-size: 1.7rem !important; font-weight: 100 !important; margin-left: 7px; text-shadow: 1px 1px 5px #222; margin-left: 120px}
.navbar-brand B {font-weight: 600}
.navbar-dark .navbar-toggler {border: 0px !important; solid rgb(255,255,255,.1) !important;}

#hTitle       {font-size: 2rem; }
.bgLogo		{background: #fff url(/public/images/rcc-logo.png) no-repeat right; height: 188px;}
.tab          {display: inline-flex; padding: 4px; }
.tab-block    {padding: 7px; width: 100%; 1border-bottom: 1px solid #efefef; 1background: #fff}
.clist IMG      {float: left; margin-right: 20px; width: 45px}
.mlist IMG      {float: left; margin-right: 20px;}
.tab  .icon   {height: 110px}
.tab h4       { color: #333; line-height: 100%; font-size: 1.5rem; font-weight: 600; text-transform: capitalize;}
.clist   H4     {padding-top: 20px;}

.mlist   H4     {padding-top: 10px;}
.options      {padding: 25px 25px 10px 25px}
.options form {border-bottom: 1px solid #eee; padding: 0px 0px 20px 0px}
#devLimiters  {padding: 0px 30px 0px 30px;}
.mlistlogo    {border: 1px solid #ddd; background: #fff; width: 150px}
.mlist span   {display: block; font-weight: 100;font-size: 1.1rem; padding-bottom: 5px; margin-left: 160px; color: #555}
.mlist span:nth-of-type(1)    {font-size: 1.4rem; font-weight: 600; padding-bottom: 8px; color: #000}
.mlist span:nth-of-type(2)    {}
.mlist span:nth-of-type(3)    {}
.mlist span:nth-of-type(4)    {}
.mlist span:nth-of-type(5)    {color: #888; font-size: .7rem}
.mlist span B                 {color: #444; font-weight: 900}

.tblCreateAccount P b.l {width: 30%; text-align: right; padding-right: 20px;}
.tblCreateAccount #aState   {width: 20%}
.tblCreateAccount #aZip   {width: 30%}

.fav    {}
.notfav {}
#isFav {}

#divMap  {border: 1px solid #ddd; height: 350px; width: 100%;  margin: 0px}
#divContent {width: 100%}
#divBlackout  {z-index: 10000; background: #000; opacity: .9; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px}
#divLoading   {z-index: 10001; font-weight: 100; text-decoration: italic; position: fixed;font-size:5rem; width: 100%; height: 100%; color: #fff; text-align: center; text-shadow: 1px 1px 10px #000}
.merchant .mLogo IMG {width: 100%; border: 1px solid #ddd}
.merchant .mInfo   {}

.merchant H1  {font-size: 1.4rem; font-weight: 600}
.merchant H2  {font-size: 1.4rem; font-weight: 300}
.merchant A   {font-size: 1.3rem; font-weight: 300}

. merchant H3  {font-size: 1.4rem; font-weight: 300}
.merchant H5  {font-size: 1.2rem; padding: 20px 3px 5px 3px;font-weight: 300;border-bottom: 1px solid #eee; color: #888}
.merchant H4  {font-size: 1.4rem; font-weight: 500}

#divMerchStreet  {border: 1px solid #ddd; min-height: 200px}
#divMerchMap     {border: 1px solid #ddd; min-height: 200px}

.mStreetView  {min-height: 250px}
.mMerchStreet {min-height: 250px}

.modal-header {border-bottom: 0px solid #aaa}
.modal-footer {border-top: 0px solid #aaa}
.modal-title    {font-weight: 800}

.tbl              {}
.tbl P            {clear: both}
.tbl P B          {float: left; display: block}
.tbl P B.h        {text-align: center}

.tblRedWhite      {background: #a00; color: #fff}
.tblRedWhite .btn-outline-primary {color: #333; border-color: #333; background-color: #fff}

#addBizTarg b.l   {width: 40%; text-align: right; padding: 0px 5px}
#addBizTarg b.r   {width: 60%}
#addBizTarg b.a   {width: 100%}
#addBizTarg b.h   {font-size: 1.2rem; padding: 10px 0px 5px 0px; text-shadow: 1px 1px 1px #000}
#addBizTarg       {padding: 40px; border: 1px solid #ddd}

#loginBox P       {padding: 10px 0px}
#loginBox b.l     {width: 20%; text-align: right; padding: 0px 5px}
#loginBox b.r     {width: 80%}
#loginBox b.a     {width: 100%}

#recoveryBox b.l    {width: 20%; text-align: right; padding: 0px 5px}
#recoveryBox b.r    {width: 80%}

#accountBox b.l    {width: 30%; text-align: right; padding: 10px 5px}
#accountBox b.r    {width: 70%}

#botCol A         {font-size: 1rem !important}
#buyStart div.row      {padding: 5px 0px}
#buyStart #topCol  P {text-align: center; font-size: 1.5 rem; font-weight: 800; padding: 10px 0px}
#botCol DIV.box {; margin-top: 20px}

.neg              {margin: 0px -30px}
.flex             {display: flex}
.hide             {display: none}
.show             {display: block}
.clear            {clear: both}
.center           {text-align: center}
BUTTON.close  SPAN        {cursor: pointer}
#btnCopy    {float: right; font-size: 10px;}

.on {background: yellow}
.off {background: white}

.btn-xs   {font-size: .3rem}
2021.btn-primary    {background: #ffe000; color: #000; border-color: #333}
.btn-primary    {background: #f38a64; color: #fff; border-color: #333;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f38a64), color-stop(100%,#a21e00))}
.btn-outline-primary    {color: #a00; background: #fff; border-color: #a00}

.btn-outline-primary:hover    {background: #700; color: #fff; border-color: #a00}
.btn-primary:hover    {color: #ffe000; background: #000; border-color: #ffe000}

.btn-default    {color: #444;  border: 1px solid #ddd; background: #eee}
.btn-default:hover    {color: #333;  border: 1px solid #aaa; background: #fff}
.btn-default:active    {color: #fff;  border: 1px solid #900; background: #a00}
.testimonial {font-size: 2rem}
.testimonial h3 {font-size: .9rem}
.testimonial h5 {font-size: 1.1rem}
.testimonial h4 {font-size: .8rem; color: #999}

.testimonial A  {color: #333; text-decoration: none}

err B   {font-weight: 200; display: block; clear: both; color: #900}

#activateBox img    {float: right; max-width: 36%}
#divActivatedCards  {float: left; margin-bottom: 10px}
#divActivatedCards B    {display: block; clear: both; color: #900; font-weight: 500; padding: 2px}

#btnBack    {margin-bottom: 8px; padding: 5px 12px; font-weight: 900; border-radius: 15px; border:1px solid #ddd; background: #eee; color: #999}

.couponAlert {
    background: #faa;
    color: #000;
    border: 1px solid #900;
    padding: 10px;
    clear: both;
    font-size: 14px;
    text-align: center;
}

.navbar {border-bottom:5px solid #fdd !important}
.error  {border: 1px solid #f00}
.tblCreateAccount P {padding: 5px 0px}