﻿* {
    margin:                 0;
    padding:                0;
}

body {
    background:             #000000;
    color:                  #666666;
    font:                   12px/19px Arial, Sans-serif;
}

#wrapper {
    margin:                 0 auto;
    padding-bottom:         20px;
    width:                  800px;
}

#header {
    height:                 114px;
}

h1#logo {
    background:             url('images/logo.png') no-repeat;
    float:                  left;
    height:                 46px;
    margin:                 42px 0 0 9px; 
    text-indent:            -9999em;
    width:                  215px;
}

#sales {
    color:                  #f38d00;
    float:                  right;
    margin:                 50px 9px 0 0;
}

#sales strong {
    font-weight:            normal;
    font-size:              20px;
}

#banner {
    background:             url('images/banner.png') no-repeat;
    height:                 200px;
}

#content {
    background:             #FFF;
}

.top-content {
    padding:                20px 20px 10px;
}

h2 {
    color:                  #ff7200;
    font:                   18px Arial, Sans-serif;
    margin-bottom:          10px;
}

h3 {
    color:                  #ff7200;
    font:                   14px Arial, Sans-serif;
    margin-bottom:          10px;
}

p {
    margin-bottom:          10px;
}

p.large {
    color:                  #0098ce;
    font:                   bold 14px Arial, Sans-serif;
}

a, span.phone {
    color:                  #ff7200;
}

a:hover {
    color:                  #0098ce;
}

.clear {
    clear:                  both;
}

.contact-form {
    background:             url('images/form-bg.gif') repeat-x;
    border:                 1px solid #d9d9d9;
    border-width:           1px 0;
    padding:                20px 20px 10px;
}

.contact-form .message-error {
    background:             #F1D4C7 url('images/icon-error.png') no-repeat 5px 10px;
    border:                 1px solid #E8AA98;
    color:                  #666666 !important;
    margin-bottom:          20px;
    padding:                9px 10px 5px 30px;
}

.contact-form .message-success {
    background:             #DFEDB8 url('images/icon-ok.png') no-repeat 5px 10px;
    border:                 1px solid #B9D274;
    color:                  #666666 !important;
    margin-bottom:          20px;
    padding:                9px 10px 5px 30px;
}

.contact-form .message-error ul, 
.contact-form .message-success ul {
    list-style-type:        none;
}

.contact-form .column {
    float:                  left;
    width:                  350px;
}

.contact-form .column label {
    clear:                  both;
    cursor:                 pointer;
    float:                  left;
    padding-top:            6px;
    width:                  111px;
}

.contact-form .column input.input-text, .contact-form .column select {
    border:                 1px solid #cccccc;
    color:                  #666666;
    float:                  left;
    font:                   12px Arial, Sans-serif;
    height:                 21px;
    margin-bottom:          10px;
    padding:                3px 5px;
    width:                  222px;
}

.contact-form .column select {
    height:                 27px;
    width:                  234px;
}

.contact-form .brochure-column {
    background:             url('images/form-brochures-bg.png') no-repeat;
    float:                  left;
    height:                 auto!important;
    height:                 192px;
    margin-left:            20px;
    min-height:             192px;
    padding:                20px 0 0 160px; 
    width:                  220px;
}

.contact-form .brochure-column .check-list {
    padding:                5px 0 10px;
}

.contact-form .brochure-column .check-list input {
    clear:                  both;
    float:                  left;
    margin-bottom:          10px;
}

.contact-form .brochure-column .check-list label {
    cursor:                 pointer;
    float:                  left;
    line-height:            12px;
    margin:                 0 0 0 10px;
    //margin:               5px 0 0 5px;
}

.contact-form .brochure-column .request-quote {
    position:               relative;
    margin:                 70px 0 0 -160px;
}

.contact-form .opt-out {
    margin:                 5px 0;
    float:                  left;
    width:                  770px;
}

.contact-form .opt-out input 
{
    clear:                  both;
    float:                  left;
    margin-bottom:          10px;
}

.contact-form .opt-out label {
    cursor:                 pointer;
    float:                  left;
    line-height:            12px;
    margin:                 0 0 0 10px;
    //margin:               5px 0 0 5px;
    width:                  730px;
}

.hr {
    clear:                  both;
    height:                 1px;
    border-bottom:          1px solid #d9d9d9;
}

.form-image {
    float:                  left;
}

.input-submit {
    background:             url('images/button-bg.gif') repeat-x;
    border:                 1px solid #d35e00;
    color:                  #FFF;
    display:                inline-block;
    float:                  right;
    height:                 23px;
    margin:                 20px 20px 0 0;
    padding:                4px 7px 0;
    text-decoration:        none;
}

.input-submit:hover {
    color:                  #FFF;
}

#footer {
    background:             #FFF;
    padding:                10px 0;
}

#footer p {
    font-size:              10px;
    line-height:            normal;
    margin:                 10px 0 0;
    text-align:             center;
}

#bottom {
    background:             url('images/bottom.png') no-repeat;
    height:                 9px;
    overflow:               hidden;
}