@import 'reset.css';
@import 'defaults.css';

body {
    background: #fff url(../image/body_bg.png) 0 0 repeat-x
}

h1,
h2,
h3 {
    margin-bottom: .4em;
    font-weight: normal
}

a:link {
    color: #00f
}

a:visited {
    color: #11a
}

a:hover {
    color: #33f
}

#container {
    position: relative;
    width: 960px;
    margin: 0 auto;
    padding: 0 5px;
    background: url(../image/container_bg.png) repeat-y
}

#header {
    height: 120px;
    background: url(../image/header_bg.png) no-repeat
}

#header .padding {
    padding: 0px
}

#header h1 {
    width: 228px;
    text-indent: -999em;
    background: url(../image/logo.png) no-repeat
}

#header h1 a {
    display: block;
    height: 120px
}

#mainImage {
    min-height: 50px;
    background-color: #fff
}

#main {
    background: #fff
}

#main .padding {
    padding: 1em
}

#footer {
    height: 40px;
    background: url(../image/footer_bg.png) center bottom 0 no-repeat;
    color: #000;
    text-align: center
}

#footer .padding {
    padding: 10px
}

#footer a {
    color: #000;
    text-decoration: none
}

.AccountStatus {
    font-size: 10px;
    position: absolute;
    top: 0px;
    right: 0px
}

.primary {
    color: #2681f3
}

.secondary {
    color: #333
}

.tertiary {
    color: #5F5F5F
}

.btn.primary {
    background-color: #0C65CF
}

.btn.secondary {
    background-color: #222
}

.btn.tertiary {
    background-color: #5F5F5F
}

.btn {
    display: inline-block;
    background-repeat: repeat-x;
    border: none;
    color: #fff !important;
    text-decoration: none !important;
    cursor: pointer
}

.btn img {
    vertical-align: middle
}

.btn_21 {
    padding: 3px 6px;
    background-image: url(../image/btn_highGloss_21_trans.png);
    font-size: 11px;
    line-height: 16px
}

a.btn_21 {
    padding: 4px 6px 5px
}

.btn_24 {
    padding: 3px 12px;
    background-image: url(../image/btn_highGloss_24_trans.png);
    font-size: 14px;
    font-weight: bold;
    line-height: 19px
}