body
    { 
        width: 780px;
        margin-top: 10px;
        background-color: #ffffff;
        color: #000000;
        font-size: xx-large;
        margin-left: auto;
        margin-right: auto;
        padding: 0px;
        font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif ;
    }

#page
    {
        width: 780px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        background-color: #EFEBDE;
        margin-left: auto;
        margin-right: auto;
        color: #000000;
        font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif ;
        font-size: x-small;
        border: 1px #D7D3CE solid;
    }

#pagetop
    {
        width: 780px;
        padding: 5px;
        padding-top: 0px;
        border: 1px solid #ffffff;
    }

#holder         {
                    position: relative;
                    margin: 0px;
                    width: 780px;
                    /* background-image: url(/images/vertdots.gif); */
                    background-repeat: repeat-y;
                    background-position: 235px;
                    min-height: 450px;
                    display: table-cell;
                    background-color: #FFFFFF;
                    border-top: 1px #D7D3CE solid;
                    padding-top: 5px;
                    padding-bottom: 5px;
                }

#content        {
                    float: right;
                    margin: 0px;
                    margin-top: 0px;
                    margin-left: 0px;
                    width: 540px;
                    min-height: 400px;
                    padding: 0px;
                    padding-bottom: 5px;
                    background-color: #FFFFFF;
                    border-left: 1px #D7D3CE solid;
                    padding-left: 0px;
                }

#homecontent
    {
        width: 100%;
        margin: 0px;
        padding: 0px;
        border: 0px #ffffff solid;
    }


#contextnav     {
                    float: left;
                    width: 235px;
                    margin-top: 0px;
                    padding: 0px;
                    clear: right;
                    background-color: #FFFFFF;
                    border-right: 1px #EFEBDE solid;
                    height: 100%;
                }

#menu-holder    {
                    position: relative;
                    width: 100%;
                    background-image: url(/images/vertdots.gif);
                    background-repeat: repeat-y;
                    background-position: 155px ;
                    height: 100%;
                    background-color: #FFFFFF;
                }

#pagefoot
    {
        width: 780px;
        padding: 5px;
        margin: 0px;
        border: 1px solid #FFFFFF;
    }

.byline         {
                    width: 100%;
                    height: 24px;
                    border: 0px;
                    padding: 0px;
                    margin: 0px;
                    font-size: xx-small;
                }
                
.byline td      {
                    color: #2D3F64;
                }

.byline a:link    { color: #000000; text-decoration: none;}
.byline a:visited { color: #000000; text-decoration: none;}
.byline a:hover   { color: #AAAAAA; text-decoration: none;}

.smallnav       {
                    font-size: 0.8em;
                    vertical-align: bottom;
                    text-align: right;
                }

.smallnav a:link    { font-size: 0.8em; text-decoration: none;}
.smallnav a:visited { font-size: 0.8em; text-decoration: none;}
.smallnav a:hover   { font-size: 0.8em; color: #FF9900; text-decoration: none;}

.nobanner       {
                    margin: 0px;
                    margin-bottom: 10px;
                    margin-left: 0px;
                    padding-left: 0px;
                    border: 1px #000000 solid;
                    border-bottom: 0px;
                    border-right: 0px;
                    border-left: 0px;
                    width: auto;
                    font-weight: normal;
                    color: #000000;
                    background-color: #EFEBDE;
                }

.nobanner a:link    { color: #FFFFFF; text-decoration: underline;}
.nobanner a:visited { color: #FFFFFF; text-decoration: underline;}
.nobanner a:hover   { color: #CCCCCC; text-decoration: none;}

.package
    {
        margin-left: 75px;
        /* background-color: #EFEFDE; */
        background-color: #EFEBDE;
        width: 400px;
        border: 1px #000000 solid;
    }

.package li
    {
        margin-left: 50px;
        /* list-style-image: url(/images/track.gif); */
        list-style: outside;
    }



/*   ^^^rat^^^   */
.foottext
    {
        font-size: xx-small;
        color: #000000;
        width: 100%;
    }

#help-holder    {
                    width: 550px;
                    background-color: #FFFFFF;
                }



#help-leftmenu  {
                    float: left;
                    width: 150px;
                    margin-top: 0px;
                    padding: 0px;
                    clear: right;
                    background-color: #FFFFFF;
                }

#help-content   {
                    float: right;
                    margin-top: 0px;
                    width: 380px;
                    padding: 0px;
                    padding-right: 5px;
                    font-size: 0.9em;
                    text-align: left;
                    background-color: #FFFFFF;
                }

.help-title     { 
                    font-size: xx-small; 
                    color: #000000;
                    font-weight: bold;
                    background-color: #EFEBDE;
                }

.help-nobanner  {
                    margin: 0px;
                    margin-bottom: 10px;
                    margin-left: 0px;
                    padding-left: 0px;
                    border: 1px #000000 solid;
                    border-bottom: 0px;
                    border-right: 0px;
                    border-left: 0px;
                    width: auto;
                    font-weight: normal;
                    color: #000000;
                    background-color: #EFEBDE;
                }

#menucontent    {
                    padding-left: 5px;
                    margin: 0px;
                }

a:link          {
                    font-weight: bold;
                    font-size: 0.8em;
                    color: #636563; /*a7a39e;*/
                    background-color: transparent;
                    text-decoration: none;
                }

a:visited       {
                    font-weight: bold;
                    font-size: 0.8em;
                    color: #636563; /*a7a39e;*/
                    background-color: transparent;
                    text-decoration: none;
                }

a:active        {    
                    font-weight: bold;
                    font-size: 0.8em;
                    color: #FF9900;
                    background-color: transparent;
                    text-decoration: none;
                }

a:hover         {
                    color: #FF6500;
                    font-size: 0.8em;
                    background-color: transparent;
                    text-decoration: none;
                }

strong          {
                    font-weight: bold;
                    color: #666666;
                    text-decoration: none;
                }

px
    {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-style: normal;
        line-height: 15px;
        font-weight: normal;
        font-variant: normal;
        color: #333333;
    }

p               {
                    width: 450px;
                    margin: 0px;
                    margin-left: 20px;
                    padding: 5px;
                    padding-top: 5px;
                    color: #404040;
                    font-size: 90%;
                    line-height: 15px;
                }

td              {
                    margin: 0px;
                    padding: 0px;
                    font-size: x-small;
                }

.data           {
                    border: 1px solid #ffffff;
                    border-collapse: separate;
                    background-color: #f3f3f3;
                    margin: 0px;
                    padding: 0px;
                }

.data th         {
                    margin: 0px;
                    padding: 0px;
                    color: #000000;
                    border: 1px solid #ffffff;
                }

.data td        {
                    font-family: tahoma, verdana, sans-serif;
                    font-size: 9pt;
                    margin: 0px;
                    padding: 0px;
                    color: #FF0000;
                    border: 1px solid #ffffff;
                }
                
.form           {
                    font-size: 9px;
                    margin: 0px;
                    padding: 2px;
                    width: 100%;
                    /*height: 400px;
                    vertical-align: top;*/
                }

.form th         {
                    font-size: 9pt;
                    margin: 0px;
                    padding: 1px;
                    color: #000080;
                    background-color: #E0E0E0;
                    /*vertical-align: top;*/
                }

.form td        {
                    font-size: 9pt;
                    margin: 0px;
                    padding: 1px;
                    color: #000000;
                    /*vertical-align: top;*/
                }

.logo           {
                    margin: 0px;
                    margin-left: 20px;
                    padding: 0px;
                    padding-top: 10px;
                    align: right;
                }

.globalnav      {
                    /* position: relative; */
                    border-bottom: 1px #000000 solid;
                    vertical-align: text-bottom;
                    vertical-align: bottom;
                    margin-right: 15px;
                    / *float: right; */
                    width: 80%;
                }



/*.sectionname    {
                    width: 240px;
                    text-align: left;
                    font-family: tahoma, verdana, Serif;
                    font-size: 12px;
                    background-color: #000080;
                    color: #FFFFFF;
                    margin: 0px;
                    padding: 0px;
                }*/

.sectiontitle   {
                    text-align: left;
                    font-weight: normal;
                    /* color: #338F00; */
                    color: #7BB0C0;
                    margin: 0px;
                    padding-left: 10px;
                    padding-top: 2px;
                    padding-bottom: 2px;
                }

A:link.menu     {
                    font-family: Arial, verdana, sans-serif;
                }

.submenu        {
                    padding: 0px;
                    margin: 0px;
                    margin-left: 20px;
                }

ul.submenu      {
                    margin-left: 5px;
                }

.pagebanner     {
                    margin-top: 10px;
                    margin-left: 0px;
                    background-image: url(/images/bluebluelogo.jpg);
                    background-repeat: no-repeat;
                    background-color: #FFFFFF;
                    width: 100%;
                    height: 0px;
                    vertical-align: text-bottom;
                    font-weight: normal;
                    font-size: 18px;
                    font-family: tahoma, verdana, sans-serif;
                    color: #FFFFFF;
                }

.button      {
                    margin: 0px;
                    width: 97px;
                    max-width: 97px;
                    height: 15px;
                    max-height: 15px;
                    background-image: url(/images/button.gif);
                    background-repeat: no-repeat;
                    background-position: center;
                    color: #FFFFFF;
                    text-align: center;
                    margin-left: 10px;
                }
.button a:link    { font-family: tahoma, verdana, sans-serif; font-weight: bold; font-size: 11px; color: #FFFFFF; text-decoration: none;}
.button a:visited { font-family: tahoma, verdana, sans-serif; font-weight: bold; font-size: 11px; color: #FFFFFF; text-decoration: none;}
.button a:hover { font-family: tahoma, verdana, sans-serif; font-weight: bold; font-size: 11px; color: #FF9900; text-decoration: none;}
    
input           {
                    font-weight: normal;
                    font-size: 9px;
                    color: #red;
                }

.input          {
                    font-weight: normal;
                    font-size: 10px;
                    color: green;
                }

.input td       {
                    font-weight: normal;
                    font-size: 11px;
                    color: #000;
                    padding: 0px;
                    padding-right: 3px;
                    padding-left: 3px;
                }

textarea        {
                    font-family: tahoma, verdana, sans-serif;
                    font-size: 11px;
                }

select            {
                    font-family: tahoma, verdana, sans-serif;
                    font-size: 11px;
                }

form            {
                    margin: 0px;
                    padding: 0px;
                }

IMG             {
                    border: none;    
                }

.center         {
                    text-align: center;
                }

.left           {
                    text-align: left;
                }

.right          {
                    text-align: right;
                }

.red            {
                    color: #FF0000;
                    background-color: transparent;
                }


h1              {
                    font-size: medium;
                    font-weight: normal;
                }

h2              {
                    font-size: x-small;
                    font-weight: 400;
                    /* color: #CC6600; */
                    /* color: #9CCB00; */
                    color: #ff6500;
                    margin: 0px;
                    margin-left: 10px;
                    padding: 0px;
                    padding-top: 10px;
                }
                
h3              {
                    font-size: x-small;
                    font-weight: bold;
                }
                
h4              {
                    font-size: 1.0em;
                    font-weight: normal;
                }
                
h5              {
                    font-weight: bold;
                    font-size: 16px;
                    font-family: "Trebuchet MS", Trebuchet, Tahoma, Verdana, Helvetica, Arial, sans-serif;
                    font-face: script;
                    color: #7BB0C0;
                    padding: 10px;
                    padding-bottom: 0px;
                }
h5 why
    {
        colour: #FF6500;
        font-size: 22px;
    }

.lightred       {
                    background-color: #FFCCCD; 
                    color: #000000; 
                }

.silver         {
                    background-color: #CCCCCC; 
                    color: #000000;
                }

.lightsilver    {
                    background-color: #EBEBEB; 
                    color: #000000;
                }

.reverse        {
                    background-color: #000000;
                    color: #FFFFFF;
                }

ul              {
                    margin-left: 0px;
                    display: inline;
                }

ol              {
                    margin-left: 0px;
                    display: inline;
                }

li              {
                    margin-left: 50px;
                    list-style: circle;
                    /* list-style: outside; */
                }

li.tick         {
                    list-style-image: url(/images/tickbox.gif);
                }

.productwindow  {
                    float: right;
                    text-align: center;
                    padding: 5px;
                }

.lightblue, a.lightblue, a:visited.lightblue    {
                                                    color: #009ACE;
                                                    background: transparent;
                                                }

h5 a.lightblue, a:visited.lightblue             {
                                                    font-weight: bold;
                                                    display: inline;
                                                }

.formerror     { font-size: 80%; color: #FF0000; font-weight: bold; }
.formconfirm   { font-size: 80%; font-weight: bold; }

.minibox { width:220; border: 1px solid #EFEBDE; height:25px; }
.account-man-title { color: #000000; background-color: #EFEBDE; border: 1px #ffffff solid; text-align: center; height: 18px;}
.account-man-note  { color: #000000; background-color: #EFEBDE; border: 1px #ffffff solid; text-align: center; line-height: 22px;} 
.account-man-note a:link    { color: #336699; text-decoration: none;}
.account-man-note a:visited { color: #336699; text-decoration: none;}
.account-man-note a:hover   { color: #FF9900; text-decoration: none;} 
.description { font-family: tahoma, verdana, sans-serif; font-size: 11px; color: #990000; text-decoration: none; }
.note { font-family: tahoma, verdana, sans-serif; font-size: 11px; color: #000000; text-decoration: none; }
.select           { font-family: tahoma, Arial, sans-serif; font-size: 10px; color: #006699; text-decoration: none;}
.select a:link    { font-family: tahoma, Arial, sans-serif; font-size: 10px; color: #006699; text-decoration: underline;}
.select a:visited { font-family: tahoma, Arial, sans-serif; font-size: 10px; color: #006699; text-decoration: underline;}
.delete a:link    { font-family: tahoma, Arial, sans-serif; font-size: 10px; color: #FF0000; text-decoration: underline;}
.delete a:visited { font-family: tahoma, Arial, sans-serif; font-size: 10px; color: #FF0000; text-decoration: underline;}
.layout a:link    { font-family: tahoma, verdana, sans-serif; font-size: 11px; font-weight: bold; color: #000080; text-decoration: none;}
.layout a:hover { font-family: tahoma, verdana, sans-serif; font-size: 11px; font-weight: bold; color: #000080; text-decoration: underline;}
.layout a:visited { font-family: tahoma, verdana, sans-serif; font-size: 11px; font-weight: bold; color: #000080; text-decoration: none;}

p a:link      { font-family: tahoma, verdana, sans-serif; font-size: 9pt; color: #336699; text-decoration: none;}
p a:hover     { font-family: tahoma, verdana, sans-serif; font-size: 9pt; color: #336699; text-decoration: underline;}
p a:visited   { font-family: tahoma, verdana, sans-serif; font-size: 9pt; color: #336699; }

.linkbox a:link      { color: #303060; font-size: 90%; text-decoration: none; font-weight: bold;}
.linkbox a:visited   { color: #303060; font-size: 90%; text-decoration: none; font-weight: bold;}
.linkbox a:hover     { color: #ff6500; font-size: 90%; text-decoration: none; font-weight: bold;}
.linkbox td          { width: 320px; height:80; border: 1px #ffffff solid; margin: 0px; padding: 10px; }
.linkbox p           { color: #303030; font-weight: 200; font-size: 80%; padding: 0px; padding-left: 10px; padding-bottom: 10px; width: 99%; margin: 0px;}

/* The style class for the main phrase whose children are now being chosen */
    .main-phrase        {
                        font-weight: bold;
                        }
    .selected-main-phrase    
    {
        font-family: tahoma, Arial, sans-serif;
        font-variant: small-caps;
        color: #0099CC;
    }
    .hidden
    {
        background-color: #EBEBEB;
        border: none;
        font-family: tahoma, verdana, sans-serif;
        font-size: 10pt;
        font-weight: bold;
    }