html {
    [% IF retailer.background_colour && retailer.background_colour != 'ZZZZZZ' %]
        background-color: #[% retailer.background_colour %];
    [% END %]
    [% IF retailer.background_image && retailer.background_image %]
        background-image: url('[% retailer.background_image.external_url %]');
    [% END %]
    [% IF retailer.text_font_size_percentage %]
        font-size: [% retailer.text_font_size_percentage %]%;
    [% END %]
}

#basket {
    [% IF retailer.basket_colour && retailer.basket_colour != 'ZZZZZZ' %]
        background-color: #[% retailer.basket_colour %];
    [% END %]
    [% IF retailer.basket_border_size && retailer.basket_border_size >= 0 %]
        border-width: [% retailer.basket_border_size %]px;
        border-radius: [% retailer.basket_border_size %]px;
        -moz-border-radius: [% retailer.basket_border_size %]px;
        -webkit-border-radius: [% retailer.basket_border_size %]px;
    [% END %]

}

#basket .button a {
    [% IF retailer.basket_button_text_colour && retailer.basket_button_text_colour != 'ZZZZZZ' %]
        color: #[% retailer.basket_button_text_colour %];
    [% END %]
}

.aside {
    [% IF retailer.basket_border_colour && retailer.basket_border_colour != 'ZZZZZZ' %]
        border-color: #[% retailer.basket_border_colour %];
    [% END %]
}

.packshot {
    [% IF retailer.packshot_border_colour && retailer.packshot_border_colour != 'ZZZZZZ' %]
        border-color: #[% retailer.packshot_border_colour %];
    [% END %]
    [% IF retailer.packshot_border_size && retailer.packshot_border_size >= 0 %]
        border-width: [% retailer.packshot_border_size %]px;
        border-radius: [% retailer.packshot_border_size %]px;
        -moz-border-radius: [% retailer.packshot_border_size %]px;
        -webkit-border-radius: [% retailer.packshot_border_size %]px;
    [% END %]
}

/* FIXME - Should not need .navi a */
html, body, p, .navi a, #footer, body a, .paging .current, .paging .previous, .paging .next, #footer a,
.content a, tr.headings th, #basket-postage a, #basket-postage input {
    [% IF retailer.text_colour && retailer.text_colour  != 'ZZZZZZ' %]
        color: #[% retailer.text_colour %];
    [% END %]
}

h1,h2,h3,h4,h5 {
    [% IF retailer.heading_text_colour && retailer.heading_text_colour  != 'ZZZZZZ' %]
        color: #[% retailer.heading_text_colour %];
    [% END %]
    [% IF retailer.heading_font_size_percentage %]
        font-size: [% retailer.heading_font_size_percentage %]%;
    [% END %]
}

#basket-checkout .button a {
    [% IF retailer.basket_button_colour && retailer.basket_button_colour != 'ZZZZZZ' %]
        background-color: #[% retailer.basket_button_colour %];
    [% END %]
}
#basket-checkout .button {
    [% IF retailer.basket_button_border_colour && retailer.basket_button_border_colour != 'ZZZZZZ' %]
        border-color: #[% retailer.basket_button_border_colour %];
    [% END %]
}

#departments .button a, .paging.button .wrapper, .paging.button a, #footer .button .wrapper, #footer .button .wrapper a, #news .navi li a, #search_button {
    [% IF retailer.department_text_colour && retailer.department_text_colour != 'ZZZZZZ' %]
        color: #[% retailer.department_text_colour %];
    [% END %]
    [% IF retailer.department_colour && retailer.department_colour != 'ZZZZZZ' %]
        background-color: #[% retailer.department_colour %];
    [% END %]
}
#departments .button, .paging.button, #footer .button, #news .navi li {
    [% IF retailer.department_border_colour && retailer.department_border_colour != 'ZZZZZZ' %]
        border-color: #[% retailer.department_border_colour %];
    [% END %]
}

.section .button input, .content .downloadlist input.submit {
    [% IF retailer.section_button_text_colour && retailer.section_button_text_colour != 'ZZZZZZ' %]
        color: #[% retailer.section_button_text_colour %];
    [% END %]
    [% IF retailer.section_button_colour && retailer.section_button_colour != 'ZZZZZZ' %]
        background-color: #[% retailer.section_button_colour %] !important;
    [% END %]
}
.section .button, .content .downloadlist .button {
    [% IF retailer.section_button_border_colour && retailer.section_button_border_colour != 'ZZZZZZ' %]
        border-color: #[% retailer.section_button_border_colour %];
    [% END %]
}

.lines .button input.submit {
    [% IF retailer.add_to_basket_button_text_colour && retailer.add_to_basket_button_text_colour != 'ZZZZZZ' %]
        color: #[% retailer.add_to_basket_button_text_colour %] !important;
    [% END %]
    [% IF retailer.add_to_basket_button_colour && retailer.add_to_basket_button_colour != 'ZZZZZZ' %]
        background-color: #[% retailer.add_to_basket_button_colour %] !important; /* FIXME !important shouldn't be needed */
    [% END %]
    [% IF retailer.add_to_basket_button_border_colour && retailer.add_to_basket_button_border_colour != 'ZZZZZZ' %]
        border-color: #[% retailer.add_to_basket_button_border_colour %];
    [% END %]
}

[% IF retailer.packshot_border_colour && retailer.packshot_border_colour != 'ZZZZZZ' %]
ul.tabselect.tabs li.active a {
     background-color: #[% retailer.packshot_border_colour %];
    [% IF retailer.basket_button_text_colour && retailer.basket_button_text_colour != 'ZZZZZZ' %]
        color: #[% retailer.basket_button_text_colour %];
    [% END %]
}
ul.tabselect.tabs li.active a, .tabselect.content {
    border-color: #[% retailer.packshot_border_colour %] !important;
}
.tabselect.tabs li a {
    border-color: #[% retailer.packshot_border_colour %];
    [% IF retailer.text_colour && retailer.text_colour  != 'ZZZZZZ' %]
        color: #[% retailer.text_colour %];
    [% END %]
}

.bookmark_list {
    [% IF retailer.add_to_basket_button_colour && retailer.add_to_basket_button_colour != 'ZZZZZZ' %]
    background-color: #[% retailer.add_to_basket_button_colour %] !important;
    [% END %]
    [% IF retailer.text_colour && retailer.text_colour  != 'ZZZZZZ' %]
    color: #[% retailer.text_colour %];
    [% END %]
}

[% END %]

/* custom block */
[% greedbag_media(retailer.custom_css_block) %]
/* finish custom block */