﻿.clearfix { zoom: 1; }

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after { clear: both; }

div#DpaColumn {
    background: transparent url(/Frontend/Images/bg_DpaChannel.gif) 0 0 repeat-x;
    border-bottom: 1px solid #669fba;
    border-top: 1px solid #669fba;
    float: left;
    margin-right: 20px;
    width: 215px;
}

div#DpaColumn div.ChannelContent {
    border-left: 1px solid #669fba;
    border-right: 1px solid #669fba;
    height: 497px;
}

div#DpaColumn div.ChannelContentInner { color: #000; }

div.ChannelContent {
    height: 257px;
    overflow: hidden;
}

div.ChannelContentInner {
    color: #fff;
    padding: 16px 15px 15px 19px;
}

body#WEEE a { color: #939100; }

body#BAT a { color: #96181d; }

body#ELV a { color: #e29d17; }

div#WeeeColumn,
div#BatColumn,
div#ElvColumn {
    float: left;
    width: 215px;
}

div#WeeeColumn a,
div#BatColumn a,
div#ElvColumn a {
    cursor: hand;
    display: block;
    height: 358px;
    text-decoration: none;
}

span.ChannelContent {
    display: block;
    height: 220px;
    overflow: hidden;
    padding: 22px 15px 15px 19px;
}

span.ChannelContentInner {
    color: #fff;
    display: block;
    height: 200px;
}

span.ChannelLink {
    background: url(/Frontend/Images/arrow.png) 0 1px no-repeat;
    color: #FFF;
    display: block;
    font-weight: bold;
    padding: 0 0 0 20px;
}

/************************/

div#WeeeColumn {
    border-bottom: 1px solid #939100;
    border-top: 1px solid #939100;
    margin-right: 20px;
}

div#WeeeColumn a {
    border-left: 1px solid #939100;
    border-right: 1px solid #939100;
}

div#WeeeColumn span.ChannelContent { background: transparent url(/Frontend/Images/bg_Channel_Weee.jpg) 0 0 no-repeat; }

/**********************/

div#BatColumn {
    border-bottom: 1px solid #96181d;
    border-top: 1px solid #96181d;
    margin-right: 20px;
}

div#BatColumn a {
    border-left: 1px solid #96181d;
    border-right: 1px solid #96181d;
}

div#BatColumn span.ChannelContent { background: transparent url(/Frontend/Images/bg_Channel_Bat.jpg) 0 0 no-repeat; }

/***********************/

div#ElvColumn {
    border-bottom: 1px solid #e29d17;
    border-top: 1px solid #e29d17;
}

div#ElvColumn a {
    border-left: 1px solid #e29d17;
    border-right: 1px solid #e29d17;
}

div#ElvColumn span.ChannelContent { background: transparent url(/Frontend/Images/bg_Channel_Elv.jpg) 0 0 no-repeat; }

div#NewsletterSignUp {
    border: 1px solid #669fba;
    margin-top: 20px;
}

div#NewsletterSignUpInner {
    background: #FFF url(/Frontend/Images/NewsletterSignUp.gif) top repeat-x;
    height: 120px;
}

div#NewsletterSignUpInner .left-side {
    float: left;
    padding: 15px 0px 15px 15px;
    width: 370px;
}

div#NewsletterSignUpInner .right-side { margin-left: 380px; }

.NewsletterForm {
    padding: 15px 15px 15px 0;
    text-align: right;
}

.NewsletterForm fieldset {
    border: 0;
    display: block;
    margin: 0;
    padding: 0;
}

.NewsletterForm .Buttons { margin-top: 5px; }

label.remove {
    left: -1000px;
    position: relative;
    top: -1000px;
}

.NewsletterForm input {
    background-color: white;
    border: 1px solid #A5ACB3;
}

.NewsletterForm p { margin-top: 0; }

.NewsletterForm input[type='text'] { }

.NewsletterForm input.Submit {
    cursor: pointer;
    outline: 0px;
    padding: 2px 6px;
}