/**
 * AAT
 * global.css
 * styles common to all pages
 */

@import "base.css";

body {
    text-align: center;
    background: #F1F4F6 url("../images/bg_body.png") repeat-x;
}

#mask {
    z-index: -1;
    width: 772px;
}

#container {
    font:  1.1em arial, verdana, sans-serif;
    color: #333;
    line-height: 1.7em;
    letter-spacing: 0.01em;
    width: 772px;
    text-align: left;
    margin: 0 auto;
    background: #FFF;
    position: relative;
}

h1, h2, a {
    color: #0A56A4;
}

/* Header
   ------------------------------------------------ */
#header {
    height: 119px;
    background: transparent url("../images/header.png") no-repeat;
    position: relative;
    z-index: 0;
}

#nav {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: absolute;
    bottom: 0;
    right: 0;
}

#nav li {
    display: inline;
    border-left: 1px solid #4B71B2;
    padding: 20px 2em 10px 2em;
    color: #65BC4B;
    font-weight: bold;
    line-height: 3em;
    cursor: default;
}

#nav li a {
    color: #FFF;
    text-decoration: none;
}

#nav li a:hover {
    color: #65BC4B;
    text-decoration: underline;
}

#nav li.first {
    border: 0;
}


/* Banners
   ------------------------------------------------ */
.banner {
    height: 160px;
}

.banner h1 {
    margin: 0;
    font-size: 0;
}

.banner_contact {
    background: transparent url("../images/banner_contact.jpg") no-repeat;
}

.banner_news {
    background: transparent url("../images/banner_news.jpg") no-repeat;
}

.banner_documents {
    background: transparent url("../images/banner_documents.jpg") no-repeat;
}

.banner_news_documents {
    background: transparent url("../images/banner_news_documents.jpg") no-repeat;
}

.banner_locations {
    background: transparent url("../images/banner_locations.jpg") no-repeat;
}

.banner_subscribe {
    background: transparent url("../images/banner_subscribe.jpg") no-repeat;
}

.banner_legal {
    background: transparent url("../images/banner_legal.jpg") no-repeat;
}

.banner_home {
    background: transparent url("../images/banner_home.jpg") no-repeat;
    height: 236px;
}
.banner_tariffs {
    background: transparent url("../images/banner_tariffs.jpg") no-repeat;
}

.banner_feedback {
    background: transparent url("../images/banner_feedback.jpg") no-repeat;
}

/* Main
   ------------------------------------------------ */
#main{
    padding: 0;
    height: 400px;
    min-height: 400px;
}

html>body #main {
    height: auto;
}

#main h1 {
    background: transparent url("../images/bg_heading.png") no-repeat left center;
    padding-left: 45px;
    color: #0A56A4;
}

#content {
    padding: 20px;
}


/* Footer
   ------------------------------------------------ */
#footer {
    height: 138px;
    background: transparent url("../images/footer.png") no-repeat left bottom;
    color: #244A9F;
    clear: both;
}

#footer ul {
    margin: 0;
    padding: 100px 20px 0 0;
    float: right;
    line-height: 1.7em;
    list-style-type: none;
}

#footer li {
    display: inline;
    border-left: 1px solid #244A9F;
    padding: 0 2em;
}

#footer li a {
    color: #244A9F;
    text-decoration: none;
}

#footer li a:hover {
    text-decoration: underline;
}

#footer li.first {
    border: 0;
}


/* Large Button
   ------------------------------------------------ */
.button {
    border: 1px solid #729BB8;
    padding: 2px;
    margin: 2em 0;
    width: 213px;
}

.button a {
    display: block;
    width: 195px;
    background: #F5F7F9 url("../images/arrow.png") no-repeat right center;
    padding: 0.4em 0.8em;
    font-weight: bold;
    color: #133D7A;
    text-decoration: none;
}

.button a:hover {
    color: #65BC4B;
}


/* Forms
   ------------------------------------------------ */

form input, form textarea, form select {
    border: 1px solid #666;
}

form .buttons input {
    color: #000;
    background: #EEE;
    border: 1px solid #666;
    padding: 2px 4px;
    cursor: pointer;
    line-height: 2em;
}

form .buttons input:hover {
    background: #0A56A4;
    color: #FFF;
    border-color: #0A56A4;
}

form td {
    padding: 0.2em 0.4em;
}