BODY { background-color: #FFFFEE; font-family: Arial, Helvetica, sans-serif; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
FORM.tb { display: inline; }
P, LI, OL, UL, .body, TABLE.form { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
.saleprice { font-weight: bold; color : #ff0000; }
.disclaimer { font-style: italic; }
H1, .h1 {font-family : Arial, Helvetica, sans-serif; font-size : 24px; color: #145A0B; font-weight: bold; }
H2, .h2 {font-family : Arial, Helvetica, sans-serif; font-size : 18px; color: #145A0B; font-weight: bold; }
H3, .h3 {font-family : Arial, Helvetica, sans-serif; font-size : 14px; color: #145A0B; font-weight: bold; }
A { color: #660000; font-weight: bold; text-decoration: none; white-space: nowrap; }
A:hover { color: #145A0B; text-decoration: underline; }
P.topnav { color: #F4B721; }
A.topnav { color: #F4B721; font-weight: bold; text-decoration: none; white-space: nowrap; }
A.topnav:hover { color: #FFFFFF; text-decoration: none; }
A.topnav2 { color: #145A0B; font-weight: bold; text-decoration: none; white-space: nowrap; }
A.topnav2:hover { color: #FFFFFF; text-decoration: none; }
TABLE.main { width: 750px; border: 0px; background-color: #FFFFFF; }
TABLE.contactform { align: center; margin-right: 2px; }
TD.leftnav { width: 166px; padding-right: 8px; padding-top: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: 900; text-decoration: none; font-size : 12px; color: #000000; }
TD.center { width: 418px; padding: 8px; padding-top: 16px; }
TD.centernort { width: 568px; padding: 8px; padding-top: 16px; }
TD.centerfull { width: 750px; padding: 8px; padding-top: 16px; }
TD.rtcolumn { width: 166px; padding-left: 8px; padding-top: 16px; }
A.leftnav { font-family: Arial, Helvetica, sans-serif; font-weight: 900; text-decoration: none; font-size : 12px; color: #660000; }
A.leftnav:hover { text-decoration: underline; color: #145A0B;}
A.leftnavsm { font-family: Arial, Helvetica, sans-serif; font-weight: 900; text-decoration: none; font-size: 10px; color: #000000; }
A.leftnavsm:hover { text-decoration: underline; }
TH.navcap { color: #FFFFEE; background-color: #145A0B; font-weight: bold; font-size: 12px; height: 24px; border-style: solid; border-color: #000000; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-top-width: 1px; } 
TH.navcorner { background-color: #145A0B; height: 24px; border-style: solid; border-color: #000000; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-top-width: 0px; vertical-align: top; } 
TABLE.navbox { background-color: #FFFFEE; border-style: solid; border-color: #000000; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-width: 0px; padding: 4px; margin-bottom: 14px; }
SPAN.navnolink { color: #660000; white-space: nowrap; }
TABLE.rtpromo { width: 150px; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-color: #000000; }
TABLE.rtpromo th { font-family: Arial, Helvetica, sans-serif; background-color: #FFBB00; font-size: 12px; font-style: normal; font-weight: 900; color: #000000; text-align: left; padding-left: 4px; height: 18px; }
TABLE.rtpromo td { padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; }
.rtpromo { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #000000; padding-left: 3px; }
.smallbk { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; }
.smallwt { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; }.category {  font-family: Arial, Helvetica, sans-serif; font-size: medium; font-style: normal; color: #0000A0; text-decoration: none}
DIV.ctrpromo { width: 98%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-bottom: 15px; }
P.product { width: 90%; margin-bottom: 20px; }
.inst { font-size: 10px; }

/* style for form */
form h1,form h2,form h3,form h4,form h5,form h6 {
    display:block;
    clear:both;
}

form p {
    display:block;
    clear:both;
}

/*
 * If you use fieldset, it has no border, by default.
 */
fieldset {
    border:none;
}

/*
 * Wrapper for a group of fields.
 */
fieldset.TectiteFormDesignerGroup {
    border:1px solid gray;
    width:70%;
    margin:10px 19% 10px 10%;
    padding:5px;
    clear:both;
}

/*
 * Wrapper for a field.
 */
div.TectiteFormDesignerField {
    display:block;
    margin:2px;
    padding:5px;
    float:left;
    width:95%;
    /*border:1px gray dotted;*/
}

/*
 * Groups some fields together horizontally.
 */
div.TectiteFormDesignerHorzGroup {
    display:block;
    margin:2px;
    padding:5px;
    float:left;
    width:95%;
}

/*
 * Adjustment for button fields
 */
div.TectiteFormDesignerField.TectiteButtonField {
    width:10em;
}

/*
 * Left Hand Side label for a field.
 */
div.TectiteFormDesignerField label {
    display:table;
    float:left;
    text-align:left;
    width:30%;
    /*border:1px solid blue;*/
}

/*
 * You can group fields horizontally, e.g.
 *  Date of birth       Month: <   >  Day: <    >  Year: <    >
 * This is the left most label (the main label).
 */
div.TectiteFormDesignerHorzGroup label {
    display:table;
    float:left;
    text-align:left;
    width:30%;
    /*width:29%;border:1px solid blue;*/
}

/*
 * Usage is:
 *  <div class="TectiteFormDesignerHorzGroup">
 *      <label ..>Main label</label>
 *      <div class="TectiteFormDesignerHorzFieldGroup">
 *          fields go here
 *      </div>
 *  </div>
 * The TectiteFormDesignerHorzFieldGroup div groups all the fields
 * together on the right hand side.
 */
div.TectiteFormDesignerHorzGroup div.TectiteFormDesignerHorzFieldGroup {
    display:table;
    float:left;
    width:68%;
    margin-left:1%;
    margin-right:0;
    /*width:67%;border:1px solid yellow;*/
}

/*
 * Adjusted field div for when it's in a horizontal group.
 */
div.TectiteFormDesignerHorzFieldGroup div.TectiteFormDesignerField {
    display:block;
    float:left;
    white-space:nowrap;
    width:auto;
    margin:0 0.5em 0 0;
    /*border:1px solid red;*/
}

/*
 * This is for the usual per-field label, but adjusted
 * for being in a horizontal group.
 */
div.TectiteFormDesignerHorzFieldGroup label {
    display:inline;
    float:none;
    text-align:left;
    width:auto;
    margin-left:0;
    margin-right:0.5em;
    /*border:1px solid blue;*/
}


/*
 * Highlight the label for a required field.
 */
div.TectiteFormDesignerHorzGroup label.TectiteRequiredField,
    div.TectiteFormDesignerField label.TectiteRequiredField {
    font-weight:bold;
}

/*
 * Add an asterisk after the label for a required field.
 * Note that this does not work in some browsers, including IE 7 and below.
 */
div.TectiteFormDesignerHorzGroup label.TectiteRequiredField:after,
    div.TectiteFormDesignerField label.TectiteRequiredField:after {
    content: " *";
}

/*
 * Formatting for the input area of a text field.
 */
div.TectiteFormDesignerField input[type="text"],
    div.TectiteFormDesignerField input[type="password"] {
    margin-left:1%;
    margin-right:0;
    width:15em;
}

/*
 * Class for a small input field.
 */
div.TectiteFormDesignerField input[type="text"].TectiteFormDesignerSmallField,
    div.TectiteFormDesignerField input[type="password"].TectiteFormDesignerSmallField {
    width:4em;
}

/*
 * Implements a table questionnaire.
 */
table.TectiteFormDesignerQuestionnaire {
    border:1px solid black;
    border-collapse:collapse;
}

table.TectiteFormDesignerQuestionnaire th {
    background-color:#C0C0C0;
    border:none;
}

table.TectiteFormDesignerQuestionnaire th.TectiteFormDesignerQuestionnaireHeading {
    border:1px solid black;
}

table.TectiteFormDesignerQuestionnaire td {
    background-color:white;
    border:1px solid black;
    vertical-align:top;
    padding:0.1em;
}

table.TectiteFormDesignerQuestionnaire td.TectiteFormDesignerQuestionnaireNumber {
    width:3em;
    text-align:center;
}

table.TectiteFormDesignerQuestionnaire td.TectiteFormDesignerQuestionnaireRadio {
    vertical-align:middle;
    text-align:center;
}

/*
 * Formatting for the input area of a textarea field.
 */
div.TectiteFormDesignerField textarea {
    margin-left:1%;
    margin-right:0;
    width:auto;
}

/*
 * Formatting for select fields.
 */
div.TectiteFormDesignerField select {
    margin-left:1%;
    margin-right:0;
    width:auto;
}

/*
 * Formatting for checkboxes.
 */
div.TectiteFormDesignerField input[type="checkbox"] {
    margin-left:1%;
    margin-right:0;
    width:5em;
}

/*
 * Formatting for radio buttons.
 */
div.TectiteFormDesignerField input[type="radio"] {
    margin-left:1%;
    margin-right:5px;
    width:5em;
}

/*
 * Formatting for the Right Hand Side labels of radio button options.
 */
div.TectiteFormDesignerField input[type="radio"] + label {
    display:inline;
    float:none;
    width:7em;
}

/*
 * Groups all radio button options together.
 */
div.TectiteFormFieldRadioOptions {
    display:block;
    float:left;
    width:40%;
}

/*
 * Each radio button option is formatted inside a paragraph.
 */
div.TectiteFormFieldRadioOptions p {
    margin-bottom:0.5em;
}

/*
 * Highlight for field errors.
 * Tectite's formval.js JavaScript validation product
 * sets this class for field with errors.
 */
div.TectiteFieldError {
    border:1px solid red;
    background-color:#FFFACD;
}

/*
 *  Formatting for the actual field error message.
 */
p.TectiteFieldError {
    clear:both;
    font-style:italic;
    font-weight:bold;
    text-align:center;
}

    /*
     * Changes here should be duplicated in formdesigner.css
     */
h1.TectiteFormDesignerHeading {
    color:black;
    font-size:200%;
    font-weight:bold;
}

    /*
     * Changes here should be duplicated in formdesigner.css
     */
h2.TectiteFormDesignerHeading {
    color:black;
    font-size:150%;
    font-weight:bold;
}

    /*
     * Changes here should be duplicated in formdesigner.css
     */
h3.TectiteFormDesignerHeading {
    color:black;
    font-size:125%;
    font-weight:bold;
    text-decoration:underline;
}

    /*
     * Changes here should be duplicated in formdesigner.css
     */
h4.TectiteFormDesignerHeading {
    color:black;
    font-size:110%;
    font-weight:bold;
}

    /*
     * Changes here should be duplicated in formdesigner.css
     */
h5.TectiteFormDesignerHeading {
    color:black;
    font-size:110%;
    font-weight:bold;
    font-style:italic;
}

    /*
     * Changes here should be duplicated in formdesigner.css
     */
h6.TectiteFormDesignerHeading {
    color:black;
    font-weight:bold;
    text-decoration:underline;
}

/*
 * Highlight for field error messages.
 * Tectite's formval.js JavaScript validation product
 * uses this.
 */
span.TectiteFieldError {
    border:1px solid red;
    background-color:#FFFACD;
    padding:2px;
    margin-left:5px;
    font-style:italic;
    font-weight:bold;
}

/*
 * Enable this class to put your error messages
 * below the fields.
 * You can do this for specific field types, like
 * this:
 *      textarea + span.TectiteFieldError { .. }
 *      select + span.TectiteFieldError { .. }
 *      input[type="text"] + span.TectiteFieldError { ... }
 */
/*
span.TectiteFieldError {
    margin:5px 0;
    display:block;
    clear:both;
}