/********************************************
* AmazingMail
* Aaron Relph
*
* Miscellaneous Style Definitions
********************************************/

/*******************************************
* Layout Definitions
*******************************************/

#interior-photo1 {
    top: 138px;
    background: url(../images/interior_photo1.jpg) top left no-repeat;
}

#interior-photo14 {
    top: 138px;
    background: url(../images/interior_photo14.jpg) top left no-repeat;
}
#interior-photo28 {
    top: 138px;
    background: url(../images/interior_photo28.jpg) top left no-repeat;
}
#interior-photo29 {
    top: 138px;
    background: url(../images/interior_photo29.jpg) top left no-repeat;
}
#interior-photo30 {
    top: 138px;
    background: url(../images/interior_photo30.jpg) top left no-repeat;
}
#interior-photo31 {
    top: 138px;
    background: url(../images/interior_photo31.jpg) top left no-repeat;
}
#interior-photo35 {
    top: 138px;
    background: url(../images/interior_photo35.jpg) top left no-repeat;
}
#interior-photo39 {
    top: 138px;
    background: url(../images/interior_photo39.jpg) top left no-repeat;
}


#content {
    border-top: 1px solid #E9E9E9;
    padding: 0;
}

/*******************************************
* Titles & Headers
*******************************************/

#ttl-my-account,
#ttl-request-sample,
#ttl-email-updates,
#ttl-support,
#ttl-contact-us,
#ttl-privacy-policy,
#ttl-sitemap,
#ttl-copyright,
#ttl-user-agreement,
#ttl-thank-you,
#ttl-error,
#ttl-notfound,
#ttl-expert,
#ttl-specials {
    height: 22px;
    display: block;
    text-indent: -9999px;
    margin-bottom: 5px;
    padding: 0;
}

#ttl-my-account {
    width: 167px;
    background: url(../images/ttl_my_account.gif) top left no-repeat;
}
#ttl-request-sample {
    width: 230px;
    background: url(../images/ttl_request_sample.gif) top left no-repeat;
}
#ttl-email-updates {
    width: 184px;
    background: url(../images/ttl_email_updates.gif) top left no-repeat;
}
#ttl-support {
    width: 109px;
    background: url(../images/ttl_support.gif) top left no-repeat;
}
#ttl-contact-us {
    width: 153px;
    background: url(../images/ttl_contact_us.gif) top left no-repeat;
}
#ttl-privacy-policy {
    width: 188px;
    background: url(../images/ttl_privacy_policy.gif) top left no-repeat;
}
#ttl-sitemap {
    width: 108px;
    background: url(../images/ttl_sitemap.gif) top left no-repeat;
}
#ttl-copyright {
    width: 227px;
    background: url(../images/ttl_copyright.gif) top left no-repeat;
}
#ttl-user-agreement {
    width: 212px;
    background: url(../images/ttl_user_agreement.gif) top left no-repeat;
}
#ttl-thank-you {
    width: 143px;
    background: url(../images/ttl_thank_you.gif) top left no-repeat;
}
#ttl-error {
    width: 76px;
    background: url(../images/ttl_error.gif) top left no-repeat;
}
#ttl-notfound {
    width: 145px;
    background: url(../images/ttl_notfound.gif) top left no-repeat;
}
#ttl-expert {
    width: 278px;
    background: url(../images/ttl_expert.gif) top left no-repeat;
}
#ttl-specials {
    width: 278px;
    background: url(../images/ttl_specials.gif) top left no-repeat;
}

/*******************************************
* Tables
*******************************************/

table#form-table {
    width: 470px;
    margin: 25px auto 10px auto;
}

#form-table td {
    padding: 0 0 25px 0;
}

#bg-top {
    width: 615px;
    overflow: hidden;
    margin-bottom: 25px;
    background: url(../images/bg_form_top.jpg) top left no-repeat;
}

#bg-bottom {
    width: 615px;
    overflow: hidden;
    background: url(../images/bg_form_bottom.jpg) bottom right no-repeat;
}

/*******************************************
* Forms
*******************************************/

#form-table input,
#form-table select {
    width: 210px;
    border: 1px solid #CCC;
    padding: 2px;
    color: #666;
}

#form-table input.form-field1,
textarea {
    width: 475px;
}

#form-table ul {
    margin-left: -13px;
    padding: 0;
}

#form-table ul li {
    background: none;
}

#form-table .checklist input {
    float: left;
    width: 30px;
    margin: 1px 0 0 3px; 
    margin-top /**/:/**/3px;
    clear: left;
    padding: 0; 
}

#form-table .checklist label {
    padding: 0 2px 2px 25px;
    display: block;
}

div.charcount-safe, div.charcount-limit{
    text-align:right;
}

.charcount-safe { color:#65AA7D; }
.charcount-limit { color:#AA656C; font-weight:bold;}

/*******************************************
* Lists
*******************************************/

ul#sitemap li {
    font-size: 14px;
    margin-bottom: 10px;
}

#sitemap li ul {
    margin: 5px 0 25px 0;
}

#sitemap li ul li {
    margin-bottom: 5px;
    font-size: 12px;
}