span.dates{
    color:darkblue;
    font-size: small;
    min-width: 150px;
    display: inline-block;
    color:black;
}

div.page-active{
    background-color:lightgreen;
    color:darkblue;
    font-size: large;
    font-weight: bold;
    margin-bottom:20px;
    text-align: center;
}

div.page-expired{
    background-color:lightcoral;
    color:maroon;
    font-size: large;
    font-weight: bold;
    margin-bottom:20px;
    text-align: center;
}


div.dealodd{
background-color:white;
position:relative;
margin-left:0;
margin-top:15;
}

div.dealeven{
background-color:snow;
position:relative;
margin-left:0;
margin-top:15;
}



div.dealodd_new{    
    position:relative;
    margin-left:0;
    margin-top:16px;    
    padding-top: 4px;
    padding-bottom: 8px;
    border: solid;
    border-color: lightgray;
    border-width: 2px;
    }
    
    div.dealeven_new{    
    position:relative;
    margin-left:0;
    margin-top:16px;
    padding-top: 4px;     
    padding-bottom: 8px;
    border: solid;
    border-color: lightgray;   
    border-width: 2px;
    }
    
div.frame_deallist{
    margin-left:5;
    margin-top:40px;
    max-width: 100%;
    width:100%;
    min-width:300px;
    font-family: sans-serif;
    margin-top: 1vw;    
}


div.deallist{    
    margin-left:5;
    margin-top:80px;
    /*max-width: 70%;*/
    width:80%;
    min-width:300px;
    font-family: sans-serif;
}

div.top-banner{
   width:30%;
   min-width: 200px;
   max-width: 400px;
   height: auto;
   max-height: 80px;
   /*display: inline-block; */
   position: relative;
   top: auto;    
   /* left:200; */
   margin: 0 auto;
    
}

div.logo_topleft{
display: inline-block;
position: relative;
/*float:inline-start;*/
/*left:10;
top:10;*/
width: 100%;
height: auto;
background-image: url('asset_images/top_fill_pattern.jpeg');
background-repeat: true;
background-position-x:142px;
}

div.ads_right_column{    
    position: relative;
    /*right:10;*/
    top:150;
    height:100%;
    max-width:150px;
    min-width:80px;
    text-align:center;
    float:inline-end;   
}

span.deal_hot{
text-align:center;
display:inline-block;
background-color:red;
color:gold;
min-width:40px;
vertical-align: top;
margin-top: 2px;
margin-left: 2px;
}

span.deal_super{
    text-align:center;
    display:inline-block;
    background-color:firebrick;
    color:goldenrod;
    min-width:40px;
    vertical-align: top;
    margin-top: 2px;
    margin-left: 2px;
    font-weight: bolder;
    }
    

span.deal_warm{
    text-align:center;
    display:inline-block;
    background-color:orange;
    color:darkgreen;
    min-width:40px;
    vertical-align: top;
    margin-top: 2px;
    margin-left: 2px;
    }

    span.deal_cold{
        text-align:center;
        display:inline-block;
        background-color:lightblue;
        color:darkgreen;
        min-width:40px;
        vertical-align: top;
        margin-top: 2px;
        margin-left: 2px;
        }
    

span.deal_title{
    color:darkblue;            
    padding-left:10px;
    white-space: normal;    
    text-overflow: ellipsis;
    overflow-x:hidden;
    vertical-align: top;
    padding-right:10px;    
}


span.deal_vendor{
    text-align:center;
    background-color:black;
    color:white;         
    display: inline-block; 
    margin-top: 2px;
}


span.deal_price{    
    min-width:80px;
    max-width: 120px;    
    margin-left:10px;

     
}

span.deal_discount{
    color:darkgreen;    
    min-width:80px;
    max-width: 120px;
    margin-left:10px;    
    float:right;    
}

span.price_discount_combine{
    float:right;
    min-width: 160px;    
    vertical-align: top;
    margin-right: 5px;
}

a.title{
    font-size: 120%;
    color: darkblue;
    text-decoration: none;
}


span.page-navigation{    
    padding:5px;
    background-color: lightgray;    
    margin-left:10px;
}


a.page-navigation{
    padding:5px;
    text-decoration: none;
    border:1px dashed silver;
    background-color: white;
    margin-left:10px;
}

img.top-banner{
    height:100%;
    width:100%;
}

img.logo{
    height:auto;
    width:142px;
}

img.logo_small{
    height:auto;
    width:64px;
}


img.item-image{
    height:auto;
    width:auto;
    max-width: 300px;
    margin:10px;

}


iframe.deals-list{
    width:100%;
    border:none;
    height:500px;
}


strong.deal-title{
    font-size:125%;
}


table.deals-list{
    margin-top:20px;
}



h3.frame-heading{
    letter-spacing:0.2em;
    padding:5px;text-align:
    center;width:100%; 
    display:inline-block;
    color:white;
    background:black;
    font-family:sans-serif"
}

a.deal_title{
    color:black;
}

span.date-published{
    color:navy;
}


p.expiry_message{
    background-color:red;
    text-align: center;
    color:yellow;
    font-size: larger;
    font-weight: bold;
    display:none;
    font-family: 'Courier New', Courier, monospace;
}