
div.as-template {
    position:relative;
    font-family:"Lato";
    margin:4px 4px 4px 0px;
    vertical-align:top;
    text-align:left;
}

div.as-template div.extra {
    position: relative;
    display: inline-block;
    float: right;
    top: -9px;
    left: 13px;
}

div.as-template div.product-name {
    position:relative;
    font-weight:bold;
    margin-bottom:2px;
    padding:4px 2px;
}
div.as-template div.product-name div.price {
    position:absolute;
    right:0px;
    display:inline-block;
    width:auto;
    height:auto;
    padding:unset;
    text-align:left;
}

div.as-template span {
    font-size:11pt !important;
    font-style:italic;
}

div.as-template ul {
    list-style-image:none;
    list-style-type: disc;
    padding-inline-start: 40px;
    margin-left:0px;
    margin-top:5px;
}

div.as-template li {
    margin-bottom:initial;
    font-size:11pt;
    font-style:italic;
}

/* does this tag exist ?*/
span.as-template {
 /* font-size:9pt; */
    font-size:11pt;
    font-style:italic;
}

div.best {
    color:red;
    font-weight:bold;
    text-transform:uppercase;
}

span.free {
    color: red;
    font-weight: bold;
 /* text-shadow:1px 1px 1px #444; */
    text-shadow:1px 1px 1px #a7a7a7;
    
    position: absolute;
    left: 144px;
}

/* BEGIN: Hometown - from here only */
div.hometown {
    font-family:"Lato";
    font-size:18px;
    color: #eeeeee;
    padding: 12px 16px 6px 16px;
    border-radius: 4px;
    background: linear-gradient(180Deg, #68a5d5, #5895c5);
}

div.hometown div.product-name {
    font-weight:bold;
    border-bottom:1px solid #eeeeee;
    margin-bottom:2px;
    padding:4px 2px;
}

div.hometown span {
    font-size:11pt;
    font-style:italic;
}

div.hometown li {
    font-size:11pt;
    font-style:italic;
}

span.hometown {
    font-size:11pt;
    font-style:italic;
}
/*   END: Hometown - from here only */

/* BEGIN: from alert sentry styles - mao.css */
div.alert {
    color: #2b3f3f;
    padding: 12px 16px 6px 16px;
    border-radius: 4px;
    background: linear-gradient(180Deg, #e8d5d5, #d8c5c5);
}

div.alert div.product-name {
    font-weight:bold;
    border-bottom:1px solid #8c1941;
    margin-bottom:2px;
    padding:4px 2px;
}

div.alert-cell {
    color: #2b3f3f;
    padding: 12px 16px 6px 16px;
    border-radius: 4px;
    background: linear-gradient(180Deg, #e8d5e6, #d6c5d8);
}

div.alert-cell div.product-name {
    font-weight:bold;
    border-bottom: 1px solid #80198c;
    margin-bottom:2px;
    padding:4px 2px;
}

/*   END: from alert sentry styles */


/* isafe er */
div.isafe-er {
    color:#37364f;
    padding:4px 8px 6px 8px;
    border-radius:4px;
    background-color:#e2c3ef;
}

div.isafe-er div.product-name {
    font-weight:bold;
    border-bottom:1px solid #b557ef;
    margin-bottom:2px;
    padding:4px 2px;
}

/* third-party */
div.third-party {
    color:#37364f;
    padding:4px 8px 6px 8px;
    border-radius:4px;
    background-color:#dfc3df;
}

div.third-party div.product-name {
    font-weight:bold;
    border-bottom:1px solid #814a81;
    margin-bottom:2px;
    padding:4px 2px;
}

div.third-party-test div.product-description {
    border-bottom: 2px solid skyblue;
    padding: 5px 0px;
}

/* accessory style ??? */
div.alert-ac {
    color:#333333;
    padding:4px 8px 6px 8px;
    border-radius:4px;
}

div.alert-ac div.product-name {
    font-weight:bold;
    border-bottom:1px solid #fcc325;
    margin-bottom:2px;
    padding:4px 2px;
}

/* alert fall */
div.alert-fd {
    color:#333333;
    padding:4px 8px 6px 8px;
    border-radius:4px;
    background-color:#d3ffce;
}

div.alert-fd div.product-name {
    font-weight:bold;
    border-bottom:1px solid #a6eaa1;
    margin-bottom:2px;
    padding:4px 2px;
}


/* BEGIN: from isafe styles - mao.css */
div.isafe {
    color:#37364f;
    padding:4px 8px 6px 8px;
    border-radius:4px;
    background: linear-gradient(180Deg, #d7deed, #c7cedd);
}

div.isafe div.product-name {
    font-weight:bold;
    border-bottom:1px solid #40569a;
    margin-bottom:2px;
    padding:4px 2px;
}
/*   END: from isafe styles - mao.css */

/* BEGIN: from isafe-elite styles - mao.css */
div.isafe-elite {
    color:#4f3836;
    padding:4px 8px 6px 8px;
    border-radius:4px;
    background: linear-gradient(180Deg, #cde3e7, #bdd3d7);
}

div.isafe-elite div.product-name {
    font-weight:bold;
    border-bottom:1px solid #2b7878;
    margin-bottom:2px;
    padding:4px 2px;
}
/*   END: from isafe-elite styles - mao.css */


/* BEGIN: from aaa styles - aaa.css */
div.isafe-aaa {
    margin:4px 0px 4px 0px;
    color:#333333;
    border-radius:10px;
    box-shadow: 0 0 7px #999;
    border:1px solid #fcfcfc;
}

div.isafe-aaa div.aaa-otg {
    color:#fcfcfc;
    text-align:center;
    font-weight:bold;
    padding:6px 0px;
    background-color:#1aa4ad;
    border-radius: 10px 10px 0px 0px;
}

div.isafe-aaa div.product-name {
    font-weight: bold;
    background-color: #d4e6e8;
    /* border-top: 1px solid #fcfcfc; modified from original */
    padding: 6px 2px 6px 10px;
    margin: 0px 0.5px 0px 1px; /* added to original */
}

div.isafe-aaa div.as-detail { /* changed from original, was as-detail-aaa */
    padding: 0px 0px 1px 0px; /* modified from original */
    background-color: #fcfcfc;
    border-radius: 0px 0px 10px 10px;
    position: relative;
}

div.isafe-aaa div.as-detail div.best, 
div.alert-aaa div.as-detail div.best {
    position: relative;
    top:8px;
    left:24px;
}

div.alert-aaa {
    margin:4px 0px 4px 0px;
    color:#333333;
    border-radius:10px;
    box-shadow: 0 0 7px #999;
    border:1px solid #fcfcfc;
}

div.alert-aaa div.aaa-otg {
    color:#fcfcfc;
    text-align:center;
    font-weight:bold;
    padding:6px 0px;
    background-color:#3e5dab;
    border-radius: 10px 10px 0px 0px;
}

div.alert-aaa div.product-name {
    font-weight:bold;
    background-color:#cfd1ea;
    padding:6px 2px 6px 10px;
    margin: 0px 0.5px 0px 1px; /* added to original */
}

div.alert-aaa div.as-detail { /* changed from original, was as-detail-aaa */
    padding: 0px 0px 1px 0px; /* modified from original */
    background-color:#fcfcfc;
    border-radius: 0px 0px 10px 10px;
}

/* from plans.css */
div.alert-aaa div.as-pmsg-aaa {
    color:maroon;
    font-weight:bold;
    font-style:italic;
    margin:0px 0px 6px 10px;
    padding:2px 6px;
    background-color:lightyellow;
    border:2px solid orange;
    border-radius:8px;
    width:100px;
    text-align:center;
}

/*   END: from aaa styles - aaa.css */

/* BEGIN: accessory (generic) */
div.accessory {
    padding:4px 8px 6px 8px;
    border-radius:4px;
    background: linear-gradient(180Deg, #ffe8cf, #efd8bf) !important;
    background-blend-mode: normal !important;
}

div.accessory div.product-name {
    font-weight:bold;
    border-bottom:1px solid #ef993e;
    margin-bottom:2px;
    padding:4px 2px;
}

/*   END: accessory (generic) */

/* BEGIN: livesafe */

div.livesafe-style {
    font-family:"Lato";
    font-size:18px;
    padding: 6px 20px 31px 20px !important;
    border-radius: 4px;
    height: 100px;
    background-image: url(../images/livesafe.png), url( '../images/dragon-scales.svg' );
 /* color: white !important; */
    background-position-y: 72px, 300px;
    background-position-x: 20px, 0px;
    background-repeat: no-repeat, repeat;
    font-weight: bold;
    background-size: 100px, 50px;
    background-blend-mode: lighten, darken;
}

div.livesafe-style-right {
    font-family:"Lato";
    font-size:18px;
    padding: 6px 20px 31px 20px !important;
    border-radius: 4px;
    height: 100px;
    background-image: url(../images/livesafe.png), url( '../images/dragon-scales.svg' );
 /* color: white !important; */
    color: #0071a7 !important;
    background-position-y: 72px, 300px;
    background-position-x: 427px, 0px;
    background-repeat: no-repeat, repeat;
    font-weight: bold;
    background-size: 100px, 50px;
    background-blend-mode: lighten, darken;

    text-shadow: 1px 1px #4bc5ff;
}

div.livesafe-style li, 
div.livesafe-style-right li {
    font-weight:14px;
}

div.livesafe-style div.product-name, 
div.livesafe-style-right div.product-name {
 /* border-bottom:2px solid white; */
    border-bottom: 2px solid #00a3f1;
    font-size:18px;
}

/*   END: livesafe */
