﻿/* Paragaph Rules */
p.nonBodyText
{
    padding: 5px;
    margin: 0 auto;
    line-height: 15px;
}

p
{
    padding: 5px 10px 5px 10px;
    margin: 0 auto;
    line-height: 15px;
    text-align: justify;
}

p.bodyEm
{
    padding: 15px 10px 5px 10px;
    margin: 0 auto;
    line-height: 15px;
    font-size: 15px;
    font-weight: bold;
    color: #00576E;
}


/* List Rules */
ol
{
    padding-right: 10px;
}

ul 
{
    margin-top: 10px;
    padding-right: 10px;
}
ul.justify 
{
    margin-top: 10px;
    text-align: justify;
}

ul.justify li ul.decimal
{
    margin-left: 40px;
    margin-bottom: 10px;
    padding: 0px;
    list-style-type: decimal;
}


/* Compact Table */
table.compact, table.compact_padded
{
    margin: 0 auto;
    padding: 0 px;
    border-collapse: collapse;
    width: 100%;
}

table.compact td
{
    padding: 0px;
}

table.compact_padded_left td
{
   padding-left: 10px; 
}

table.compact_padded_right td
{
    padding-right: 10px;
}

table.compact td.button
{
    text-align: right; 
    padding: 10px;
}

/* Design Element */
table.seperator
{
    border-collapse: collapse; 
    padding: 10px; 
    width: 100%;
}

table.seperator td
{
    height: 10px;
    border-top: solid 1px #CCC;
}

table.seperator td.left
{
    width: 80%;
    background-color: #FFF; 
}

table.seperator td.left_gray
{
    width: 80%;
    background-color: #f3f3f3; 
}

table.seperator td.right
{
    width: 20%; 
    background-color: #CCC;
}

/* Form Specific */
.dropdownlist_nowidth
{
    font-family: Tahoma;
    height: 22px;
    font-size: 11px;
    background-color: #B3C9D5;
    border: solid 1px #00576E;
    border-collapse: collapse;
    padding: 0px;
}

.dropdownlist
{
    width: 100%;
    font-family: Tahoma;
    height: 22px;
    font-size: 11px;
    background-color: #B3C9D5;
    border: solid 1px #00576E;
    border-collapse: collapse;
    padding: 0px;
}

.dropdownlist option 
{
    width: 100%;
    padding: 0px;
}

table.compactdark 
{
    border-collapse: collapse;
    width: 100%;
    
}

table.compactdark table.compactform 
{
    text-align: left;
}

table.compactform 
{
    margin: 0 auto;
    text-align: center;
    width: 90%;
}

table.compactform td.dottedform 
{
    padding: 0px;
    text-align: left;
    border: dotted 1px #CCC;
    background-color: #f3f3f3;
}

table.form
{
    margin: 0 auto;
    padding: 0px;
    border-collapse: collapse;
}

table.form td
{
    padding: 2px 2px 2px 0px;
}


table.compact td.forminfo
{
    margin: 0 auto;
    padding: 10px; 
    vertical-align: top; 
    text-align: left; 
    width: 50%; 
    background-color: #f3f3f3;
}

td.dottedform
{
    border-right: dotted 1px #CCC; 
    border-top: dotted 1px #CCC; 
    border-bottom: dotted 1px #CCC;
}

table.compacted
{
    margin: 0 auto;
    padding: 0 px;
    border-collapse: collapse;
    width: 100%;
}

td.dottedform table.compacted td
{
    padding: 4px;

}

tr.formalt
{
    background-color: #d3d7dc;
}

td.dottedform table.compacted tr.formalt td 
{
    color: #000000;
}

/* H2 Design Element */

table.h2 
{
    border-collapse: collapse;
    margin-top: 15px;
    margin-bottom: 10px;
}

table.h2 th.ball
{
    background-image: url("images/h_element.jpg");
    background-repeat: no-repeat;
    width: 30px;
}

table.h2 th, table.h2 td 
{
    padding: 0px;
    height: 27px;
}

table.h2 th.left
{
    background-image: url("images/h_left.jpg");
    background-repeat: no-repeat;
    width: 13px;
    height: 27px;
}

table.h2 th.right
{
    background-image: url("images/h_right.jpg");
    background-repeat: no-repeat;
    width: 13px;
    height: 27px;
}

table.h2 th.heading 
{
    background-image: url("images/h_back.jpg");
    height: 27px;
    color: #FFF;
}


/* Standard SEO Header Definitions */
h1
{
    padding-left: 10px;
    padding-bottom: 15px;
    padding-top: 10px;
    width: 100%;
    font-family: Tahoma, Arial;
    font-size: 18px;
    color: #00576E;
    margin: 10px 0px 0px 0px;
}

h2
{
    margin: 0 auto;
    padding: 0px;
    font-size: 11px;
    color: #FFF;
}

h3
{
    padding: 15px 10px 5px 10px;
    margin: 0 auto;
    line-height: 15px;
    font-size: 15px;
    font-weight: bold;
    color: #00576E
}

h4, h4 a
{
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 0px 0px 10px;
    margin: 0 auto;
}

/* Topmost login details */
table.loginDetails
{
    margin: 0 auto; background-color: #CCC; border-collapse: collapse; width: 100%; padding:0px; height: 40px;
}

table.loginDetails table
{
    margin: 0 auto; border-collapse:collapse; width: 898px; text-align: center; height: 25px;
}

/* Contact Form */
table.contactForm
{
    border-collapse: collapse;
    border: none;
}

table.contactForm td
{
    padding: 2px 2px 2px 10px;
    text-align: left;
    vertical-align: top;
}

table.contactForm td.ErrorMsg
{
    padding: 2px 2px 2px 10px;
    text-align: left;
    vertical-align: top;
    color: Red;
    font-weight: bold;
}

table.contactForm td.captcha
{
    padding: 2px 2px 2px 10px;
    text-align: center;
    vertical-align: top;
}

table.footerLinks
{
    width: 400px;
    border-collapse: collapse;
    border: none;
    padding: 0px;
}

/* Checkout Page */

tr.PurchaseInformation td
{
    font-size: 14px;
    font-weight: bold;
    color: #000;
    padding-left: 10px;
}
