/*-------------------------------------------------------------------------
= Printables layout
This is partial new stuff - Genix recreates the base eCards header
And this stylizes it as well as sets the new colors for the holidays
Note: Til the page gets revamped and brought into new world, THIS ADDS
TO the base stuff set up already including a holiday sheet called onto
the page.
--------------------------------------------------------------------------*/
body {
    font-family: Georgia,serif;
}

h1,
h2,
h3,
h2 a:link,
h3 a:link,
h2 a:visited,
h3 a:visited,
span.head-title {
    color: #CC0000;
    font-family: Georgia,serif;
    font-size: 1.85rem;
    font-variant: normal;
    font-weight: bold;
}

h2,
h3,
h2 a:link,
h3 a:link,
h2 a:visited,
h3 a:visited {
    font-style: italic;
}

ul.agi-thumbs {
    float: left;
    margin: 0 auto 25px 0;
    padding: 0;
    text-align: center;
}

#agi-bma-printables-category li.product {
    display: inline;
    float: left;
    margin: 10px 2px 10px 0;
    padding: 0;
    width: 178px;
}

.bma-top-message div.top-banner {
    left: 0;
    margin-left: 7%;
}

.top-banner img {
    left: 0;
    position: absolute;
    top: -30px;
}

.top-banner h1,
span.head-title {
    color: #ffffff;
    font-size: 3rem;
    font-weight: bold;
    left: 34px;
    letter-spacing: -1.25px;
    position: absolute;
    top: 44px;
    z-index: 5;
}

.top-banner p {
    color: #666666;
    font-size: 1.158rem;
    font-style: italic;
    left: 12px;
    position: absolute;
    top: 100px;
    width: 530px;
    z-index: 5;
}

#agi-bma-printables-category #agi-content {
    margin: 200px auto 15px 32px;
}

/*-------------------------------------------------------------------------
= Holiday specific Christmas
--------------------------------------------------------------------------*/
.agi-christmas-header {
    width: 720px;
}

.agi-christmas-header ul.agi-thumbs {
    width: 720px;
}

#bma-christmas-thumbs {
    float: left;
    margin-left: 10px;
}

#bma-christmas-thumbs h2,
#bma-christmas-thumbs a h2  {
    color: #CC0000;
}

#bma-christmas-thumbs h2 span,
#bma-christmas-thumbs a h2 span {
    color: #ff8300;
}

.agi-christmas-header ul.agi-thumbs li {
    background: none;
}

.agi-christmas-header ul.agi-thumbs {
    margin: 0 auto 25px 0;
}