@charset "utf-8";
/*  =====================================================================================================  */
/*  ============================================= css_reset.css =============================================  */
html, body, div, span, applet, object, iframe, form, h1, h2, h3, h4, h5, h6, p, a, a:link, a:visited, em, font, img, small, strike, samp, strong, sub, sup, label, table, caption, tbody, tfoot, thead, tr, th, td 
{ 
    margin: 0; 
    padding: 0; 
   /* border: 0; */
    font-weight: inherit; 
    font-style: inherit;
    line-height: inherit;
    font-size: inherit;
    font-family: inherit; 
   /* vertical-align: baseline;*/
} 
:focus { outline: 0; }
body
{
    font-size: .8em;
    font-weight: normal;
    line-height: 1.5em;
    color: black; 
    background: white; 
} 
/*ol, ul { list-style: none; }*/

/*table
{
    border-collapse: collapse; 
    border-spacing: 0; 
}
 */
caption, th
{ 
    text-align: left; 
    font-weight: normal; 
}
/* ---------------------------------------------------------------------------------------------- */
/* -------------------------------------- STANDARD CLASSES -------------------------------------- */
.clear                     { clear: both; }
.clearfix:after         { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix                { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix         { height: 1%; }
.clearfix                 { display: block; }
/* End hide from IE-mac */
.fl_left                 { float: left; }
.fl_right                 { float: right; }
.hide                    { display: none; }
.show                    { display: block; }
.top                    { text-align: right; font-size: .8em; }


/*  =====================================================================================================  */
/*  ============================================= type.css =============================================  */
body                            { font-family: Verdana, Arial, Helvetica, sans-serif; }
form, input, select,
textarea                        { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; }
h1, h2, h3, h4, h5, h6             { font-weight: normal; }
h1                                 { font-size: 2em; line-height: 2.2em; }
h2                                 { font-size: 2em; line-height: 1.7em; }
h3                                 { font-size: 1.25em; line-height: 1.45em; }
h4                                 { font-size: 1em; line-height: 1.2em; }

td h1, .title {
    font-family:verdana; font-size:18px; font-weight:bold; color:#0A0A6E;
        width: 100%;
    margin: 0 0 10px 0;    
    padding: 8px 0px 8px 0px; 
    border-bottom: 1px solid #98A0C5;                                                                             
}

td h2, .subtitle {
    font-family:verdana; font-size:12px; font-weight:bold; color:#0E448F;
        width: 100%; 
    margin: 10px 0 10px 0;    
    padding: 5px 0 5px 0; 
    border-bottom: 2px solid #0E448F;                                                                             
}

p, a, ul, ol, li, form, samp,
li a, table, tr, td, th            { font-size: 1em; }
cite                            { color: #3366CC; }
samp                            { color: #FF0000; font-family: "Courier New", Courier, monospace; font-size: .85em; }
a:link, a:visited                { color: #3366CC; text-decoration: none; }
a:hover                            { text-decoration: underline; }
a.highlight,
a.highlight:link, 
a.highlight:visited                { color: #3366CC; text-decoration: none; }
a.highlight:hover                { background-color: #FFFF00; }
/*blockquote                        { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; padding: 0 2em 0 2em; }*/
.copyright                        { font-size: .8em; }


/*  =====================================================================================================  */
/*  ============================================= nav.css =============================================  */

/* -------------------------- */
/* ----- HORIZONTAL NAV ----- */
    #nav_hor                        { width: auto; background-color: #EEEEEE; clear: both; }
    #nav_hor ul                        { line-height: 2em; list-style:none; margin:0; padding:0;}
    #nav_hor ul li                    { float: left; }
    #nav_hor ul li a:link,
    #nav_hor ul li a:visited        { padding: 0 1em 0 1em; border-right: 1px solid #AAAAAA; float: left; background-color: #EEEEEE; text-decoration: none; }
    #nav_hor ul li a:hover            { background-color: #CCCCCC; }
    
/* ------------------------------------ */
/* ----- HORIZONTAL NAV DROP DOWN ----- */
    
    .dropmenu                        { position: absolute; top: 0; border: 1px solid #AAAAAA; border-bottom-width: 0; z-index:100; background-color: #EEEEEE; width: 200px; visibility: hidden; }
    .dropmenu a                        { width: auto; display: block; text-indent: 3px; border-bottom: 1px solid #AAAAAA; padding: 2px 0; text-decoration: none; }
    * html .dropmenu a                { width: 100%; }
    .dropmenu a:hover                 { background-color: #CCCCCC; }
/* ------------------------ */
/* ----- VERTICAL NAV ----- */
    #nav_vert                        { width: auto; line-height: 1.5em; }
    #nav_vert ul                    { }
    #nav_vert ul li                    { padding: 0; }
    #nav_vert ul li a:link,
    #nav_vert ul li a:visited,
    #nav_vert ul li span,
    #nav_vert ul li a                { text-decoration: none; }
    #nav_vert ul li a:hover            { text-decoration: underline; }
    #nav_vert ul li a.nolink        { text-decoration: none; }
    
    #nav_vert ul ul                    { }
    #nav_vert ul ul li                { font-size: .85em; }
    #nav_vert ul ul li a:link,
    #nav_vert ul ul li a:visited,
    #nav_vert ul ul li span,
    #nav_vert ul ul li a            { padding-left: 2em; }
    
    #nav_vert ul ul ul li a:link,
    #nav_vert ul ul ul li a:visited,
    #nav_vert ul ul ul li span,
    #nav_vert ul ul ul li a            { padding-left: 3.5em; }


/*  =====================================================================================================  */
/*  ============================================= content.css =============================================  */
th                            { background-color: #CCCCCC; }
hr                            { margin: 10px 0 10px 0; }
/* ---------------------------------------- */
/* ----- UNORDERED LIST POSSIBILITIES ----- */
    
    ul.bullet                   {list-style: none; margin: 0; padding:0;}
    ul.bullet li                {padding-left: 10px; background: url(/common/images/bullet_level_1.gif) no-repeat left .7em; }    
    ul.bullet ul                { margin-left: 25px; }
    ul.bullet ul li                { background: url(/common/images/bullet_level_2.gif) no-repeat left .6em; }
    ul.bullet ol                { margin-left: 15px; padding-left: 25px; }
    ul.bullet ol li                { padding-left: 0; background: none; list-style: upper-roman; }
    
    ul.bullet ul ul li            { background: url(/common/images/bullet_level_3.gif) no-repeat left .6em; }
    ul.bullet ol ul li            { padding-left: 10px; list-style: none; background: url(/common/images/bullet_level_3.gif) no-repeat left .6em; }
    ul.bullet ul ol li,            
    ul.bullet ol ol li            { padding-left: 0; background: none; list-style: lower-alpha; }
    
    ul.bullet ul ul ul li        { background: url(/common/images/bullet_level_4.gif) no-repeat left .6em; }
    ul.bullet ol ul ul li,        
    ul.bullet ul ol ul li,        
    ul.bullet ol ol ul li        { padding-left: 10px; list-style: none; background: url(/common/images/bullet_level_4.gif) no-repeat left .6em; }
    ul.bullet ul ul ol li,        
    ul.bullet ol ul ol li,        
    ul.bullet ul ol ol li,        
    ul.bullet ol ol ol li        { padding-left: 0; background: none; list-style: lower-roman; }
    
/* -------------------------------------- */
/* ----- ORDERED LIST POSSIBILITIES ----- */
    
    ol.bullet                    { padding-left: 25px; }
    ol.bullet li                { list-style: decimal; }
    
    ol.bullet ol                { padding-left: 25px; }
    ol.bullet ol li                { background: none; list-style: upper-roman; }
    ol.bullet ul                { margin-left: 15px; }
    ol.bullet ul li                { padding-left: 10px; list-style: none; background: url(/common/images/bullet_level_2.gif) no-repeat left .6em; }
    
    ol.bullet ol ol li            { background: none; list-style: lower-alpha; }            
    ol.bullet ul ol li            { padding: 0; background: none; list-style: lower-alpha; }
    ol.bullet ol ul li,            
    ol.bullet ul ul li            { padding-left: 10px; list-style: none; background: url(/common/images/bullet_level_3.gif) no-repeat left .6em; }
    
    ol.bullet ol ol ol li        { background: none; list-style: lower-roman; }
    ol.bullet ul ol ol li,
    ol.bullet ol ul ol li,
    ol.bullet ul ul ol li        { padding: 0; background: none; list-style: lower-roman; }
    ol.bullet ol ol ul li,
    ol.bullet ul ol ul li,
    ol.bullet ol ul ul li,
    ol.bullet ul ul ul li        { padding-left: 10px; list-style: none; background: url(/common/images/bullet_level_4.gif) no-repeat left .6em; }
    
/* ---------------------- */
/* ----- FORM ITEMS ----- */
    
    form                    { }
    input                    { width: 100px; border: 1px solid #AAAAAA; }
    fieldset                { border: 0; width: auto; }
    select                    { border: 1px solid #AAAAAA; }
    textarea                { border: 1px solid #AAAAAA; width: 250px; height: 125px; }
    input.inputRadio,
    input.inputCheckbox        { width: auto; height: auto; border: 0; }
    


/*  =====================================================================================================  */
/*  ============================================= default.css =============================================  */

#container             { text-align: center; width: 999px; margin: auto; }
#content            { text-align: left;}
#header             { width: auto; }
#mainnav             { width: auto; }
#maincontent        { width: auto; }
#footer             { clear: both; }
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
body                { background: url(/common/images/layout_bg.gif) #C2C2C2 repeat-x; font-size: 11px; color: #555555; }
h1, h2, h3, h4, 
h5, h6                 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #052067; }
h1                    { color: #FEFEFE; font-size: 14px; }
h2                    { font-size: 14px; line-height: 18px; margin-bottom: 5px; }
h3                    { font-size: 13px; }
h4                    { font-size: 12px; }
h5                    { /*color: #FEFEFE;*/ font-size: 14px; line-height: 18px; margin: 15px 0 15px 0; }
h6                    { font-size: 14px; line-height: 18px; margin-bottom: 5px; color: #0E448F; }

h1 a:link, h1 a:visited    { color: #FFFFFF; text-decoration: none; }
h1 a:hover                { text-decoration: none; }

.n_mt    { margin-top: 0; }
a, a:link, a:visited    { color: #0D3372; }
a:hover                    { text-decoration: underline; }
.pl_20    { padding-left: 20px; }
.right_link        { clear: both; text-align: right; margin-right: 20px; }

/*  ========== LAYOUT ==========  */
    .layout_round    { display: block; text-align: center; width: 999px; line-height: 7px; height: 7px; margin: auto; overflow: hidden; }
    .top            { margin-top: 9px; }
    .layout_bar        { width: 985px; height: 7px; float: left; background-color: #FFFFFF; }
    .layout_tl_img    { float: left; background: url(/common/images/layout_tl.gif) no-repeat; width: 7px; }
    .layout_tr_img    { float: right; width: 7px; background: url(/common/images/layout_tr.gif) no-repeat; }
    .layout_bl_img    { float: left; background: url(/common/images/layout_bl.gif) no-repeat; width: 7px; }
    .layout_br_img    { float: right; width: 7px; background: url(/common/images/layout_br.gif) no-repeat; }
/*  ========== CONTAINER ==========  */
    #container        { background-color: #FFFFFF; color: #555555; }
    
/*  ========== CONTENT ==========  */
    #content        { margin: 0 24px 0 24px; }
/*  ========== HEADER ==========  */
    #header            {}
    #header .logo    { float: left; padding: 19px 0 19px 25px; }
    
    #header .topnav                        { float: left; font-size: 11px; color: #5B5B5B; margin: 29px 25px 0 0; }
    #header .topnav ul                     {list-style:none;margin:0;padding:0;}
    #header .topnav ul li                { float: left; padding: 0 5px 0 5px; border-right: 1px solid #5B5B5B; }
    #header .topnav ul li a,
    #header .topnav ul li a:link,
    #header .topnav ul li a:visited        { text-decoration: underline; color: #5B5B5B; }
    #header .topnav ul li a:hover        { color: #1A1A1A; }
    #header .topnav .lastlink            { border: none; }
    
    #header .search                        { float: left; font-size: 11px; color: #5B5B5B; margin: 29px 34px 0 0; }
    #header .search input                { color: #666666; height: 13px; padding: 2px; width: 175px; display: block; }
    #header .search ul                   {list-style:none;margin:0;padding:0;}
    #header .search ul li                { float: left; padding-left: 5px; }
    #header .search ul li a,
    #header .search ul li a:link,
    #header .search ul li a:visited        { text-decoration: underline; color: #5B5B5B; }
    #header .search ul li a:hover        { }
    
/*  ========== MAIN NAV ==========  */
    #nav_hor                        { background: url(/common/images/nav_bg.gif) repeat-x; border: 1px solid #CCD5DD; }
    #nav_hor ul                        { line-height: 23px; margin-left: 5px; }
    #nav_hor ul li a:link,
    #nav_hor ul li a:visited        { font-size: 12px; color: #0D3372; background: none; padding: 0 9px 0 9px; border-right: 1px solid #ADB9CD; float: left; }
    #nav_hor ul li a:hover                           { font-size: 12px; background: url(/common/images/nav_bg_ovr.gif) repeat-x; } 
    #nav_hor ul li a.activeButton:link,                
    #nav_hor ul li a.activeButton:visited            { font-size: 12px; background: url(/common/images/nav_bg_on.gif) repeat-x; }
    #nav_hor ul li a.noborder:link,
    #nav_hor ul li a.noborder:visited     { border-right: none; }
    #nav_hor ul li a.activeButtonNoBorder:link,
    #nav_hor ul li a.activeButtonNoBorder:visited    { font-size: 12px; background: url(/common/images/nav_bg_on.gif) repeat-x; border-right: none;}

    
/*  ========== LEFT NAV ==========  */
    #left-navigation .active                 { font-weight: bold }
    #left-navigation .current                 { font-weight: bold; }
    #left-navigation, #left-navigation li    { list-style: none; margin: 0; padding: 5px 0px 0px 0px; }
    #left-navigation                         { margin: 0 0 0 10px; padding: 0; }
    #left-navigation ul                     { margin: 0 0 0 10px; padding: 0; }
    #left-navigation ul.menuOff             { display: none; }
    #left-navigation li                     { padding-left: 0px; }
    #left-navigation .inactive                 { display: none; margin: 0; padding:0; }
    
/*  ========== FLASH BANNER ==========  */
    #banner        { margin-top: 3px; font-size: 2px; }
    .grey_bar    { margin-top: 3px; height: 6px; line-height: 6px; width: 100%; background:#E7E7E7; }
    
/*  ========== FOOTER ==========  */
        #footer                    { color: #5B5B5B; margin-top: 30px; text-align: center; }
        #footer a:link,
        #footer a:visited        { color: #6487AF; }
        #footer a:hover            { }
        
/*  ========== CLIENT LOGIN ==========  */
    #maincontent .login                        { padding: 5px 0 0 20px; }
    #maincontent .login_left                { float: left; width: 75px; }
    #maincontent .login_right                { float: left; }
    #maincontent .login_left ul                {list-style:none; margin:0; padding:0;}
    #maincontent .login_left ul li            { height: 20px; }
    #maincontent .login_right ul              {list-style:none; margin:0; padding:0;}
    #maincontent .login_right ul li            { height: 20px; }
    #maincontent .login_right input            { width: 150px; }
    #maincontent ul.login_btn li.nomargin    { margin-left: 0; }
    #maincontent ul.login_btn                 { font-size: 10px; margin-top: 0px; }
    #maincontent ul.login_btn li             { margin-left: 10px; float: left; }
    #maincontent ul.login_btn li a            { font-size: 10px; }
        
/*  =====================================================================================================  */
/*  ============================================= HOME PAGE =============================================  */
    /*  ========== MAIN CONTENT ==========  */    
    
        /*  ========== SYSTEMS BOX ==========  */
            #maincontent                            { margin-top: 7px; }
            #maincontent .sys_container                { width: auto; }
            #maincontent .sys_box                    { float: left; width: 313px; margin-left: 6px; }
            #maincontent .sys_container .nomargin    { margin-left: 0; }
            
            #maincontent .sys_top            { background: url(/common/images/systems_box_title.gif); height: 26px; overflow: hidden; padding: 13px 0 0 13px; }
            #maincontent .sys_top .title    { width: 185px; text-align: center; padding:0px;border:none;}
            #maincontent .sys_top a        { font-weight: bold; font-size: 12px;}

            
         /*  ========== CONTENT BOX ==========  */
            #maincontent .content_container              { width: auto; margin-top: 23px; }
            #maincontent .content_box                    { width: 313px; margin-left: 4px; float: left; }
            #maincontent .content_container .nomargin    { margin-left: 0; }
            #maincontent .content                        { padding: 0 20px 0 20px; margin-top: 5px; }
            
            #maincontent .sys_content_l        { float: left; }
            #maincontent .sys_bg_r            { background: url(/common/images/grd_bg_right.gif) repeat-y; height: 135px; width: 12px; }
            #maincontent .sys_bg_l            { background: url(/common/images/grd_bg_left.gif) repeat-y; height: 135px; width: 12px; }
            #maincontent .sys_content_m        { font-size: 4px; width: 289px; float: left; background: url(/common/images/grd_bg_bottom.gif) repeat-x bottom; height: 184px; }
            #maincontent .sys_content_r        { float: right; }
            #maincontent .sys_m_text        { float: left; width: 175px; padding-top: 15px;}
            #maincontent .sys_m_img            { float: right; }
            
            #maincontent .col_left                            { float: left; width: 150px; margin-top: 5px; }
            #maincontent .col_left_evt                        { float: left; width: 130px; padding: 20px; }
            #maincontent .col_right                            { float: left; margin-top: 5px; }
            #maincontent .cl_left                            { float: left; width: 75px; margin-left: 20px; }
            #maincontent .cl_right                            { float: left; }
            #maincontent .cl_left ul li                        { height: 25px; }
            #maincontent .cl_right ul li                    { height: 25px; }
            #maincontent .dotted_div                        { height: 1px; line-height: 1px; background: url(/common/images/dotted_div.gif) no-repeat; margin-top: 2px;margin-bottom:0px;}
            
            ul.bullet li                { margin-left: 20px; line-height:14px; font-size: 9px; background-image: url(/common/images/bullet.gif); }
            ul.bullet li a:link,
            ul.bullet li a:visited        { color: #0C2E5D; }
            ul.bullet li a:hover        { text-decoration: underline; }
            
/*  ====================================================================================================  */
/*  ============================================= SUB PAGE =============================================  */
    /*  ========== WHITE BOX ==========  */
        #maincontent .left_col_container                { float: left; width: 313px; }
        #maincontent .left_col_box                        { float: left; width: 313px; }
        #maincontent .left_col_container .nomargin        { margin-left: 0; }
               
        #maincontent .hdr_wave                { background-color: #164080; height: 22px; overflow: hidden; }
        #maincontent .hdr_wave h1            { font-size: 14px; font-weight: bold; line-height: 22px; }
        #maincontent .hdr_wave .top_left    { height: 22px; font-size: 1px; float: left; width: 12px; background: url(/common/images/grd_corner_tl_inv.gif) no-repeat; }
        #maincontent .hdr_wave .top_right    { height: 22px; font-size: 1px; float: right; width: 12px; background: url(/common/images/grd_corner_tr_inv.gif) no-repeat; }


    /*  ========== CONTENT BOX ==========  */
        #maincontent .content_area                    { width: 633px; margin-left: 4px; float: left; }
        #maincontent .left_col_ad    { margin-bottom: 5px; }    
        #maincontent .left_col_content                            { padding: 10px; border-right: 1px solid #D9D9D7; border-left: 1px solid #D9D9D7; }
        #maincontent .left_col_bottom                            { margin-bottom: 5px; }

        #maincontent .left_col_bottom .left_col_bottom_left        { height: 7px; line-height: 7px; float: left; width: 7px; background: url(/common/images/box_bl.gif) no-repeat; font-size: 1px; }
        #maincontent .left_col_bottom .left_col_bottom_middle    { width: 299px; height: 7px; line-height: 7px; float: left; background: url(/common/images/box_btm.gif) repeat-x; font-size: 1px; }
        #maincontent .left_col_bottom .left_col_bottom_right    { height: 7px; line-height: 7px; float: left; width: 7px; background: url(/common/images/box_br.gif) no-repeat; font-size: 1px; }
        
        #maincontent .left_col_img        { font-size: 1px; border-right: 1px solid #85A7D0; border-left: 1px solid #85A7D0; }
        
        #maincontent .hdr_client                { background: url(/common/images/box_grey_title_bg.gif) repeat-x; height: 30px; overflow: hidden; }
        #maincontent .hdr_client .top_left        { height: 30px; font-size: 1px; float: left; width: 10px; background: url(/common/images/box_grey_title_left.gif) no-repeat; }
        #maincontent .hdr_client .top_right        { height: 30px; font-size: 1px; float: right; width: 10px; background: url(/common/images/box_grey_title_right.gif) no-repeat; }
        
        #maincontent .left_col_grey_content                                { padding-top: 10px; background-color: #E9E9E9; border-right: 1px solid #85A7D0; border-left: 1px solid #85A7D0; border-top: 1px solid #85A7D0; }
        #maincontent .left_col_grey_bottom                                { margin-bottom: 5px; }
        #maincontent .left_col_grey_bottom .left_col_grey_bottom_left    { height: 10px; line-height: 10px; float: left; width: 10px; background: url(/common/images/box_grey_bl.gif) no-repeat; }
        #maincontent .left_col_grey_bottom .left_col_grey_bottom_middle    { width: 293px; height: 10px; line-height: 7px; float: left; background: url(/common/images/box_grey_bottom.gif) repeat-x; }
        #maincontent .left_col_grey_bottom .left_col_grey_bottom_right    { height: 10px; line-height: 10px; float: left; width: 10px; background: url(/common/images/box_grey_br.gif) no-repeat; }
        #maincontent .mc_content                    { padding: 4px 0px 10px 0px; border-right: 1px solid #85A7D0; border-left: 1px solid #85A7D0; }

        #maincontent .highlight_box                    { background-color: #0D3372; padding: 20px; color: #FFFFFF; }
        #maincontent .highlight_box a:link,
        #maincontent .highlight_box a:visited,
        #maincontent .highlight_box a:hover,
        #maincontent .highlight_box h5             {color: #FFFFFF;}

        #maincontent .mc_bottom                        { margin-bottom: 5px; }
        #maincontent .mc_bottom .mc_bottom_left        { height: 7px; line-height: 7px; float: left; width: 7px; background: url(/common/images/box_white_bl.gif) no-repeat; }
        #maincontent .mc_bottom .mc_bottom_middle    { width: 619px; height: 7px; line-height: 7px; float: left; background: url(/common/images/box_white_btm.gif) repeat-x; }
        #maincontent .mc_bottom .mc_bottom_right    { height: 7px; line-height: 7px; float: left; width: 7px; background: url(/common/images/box_white_br.gif) no-repeat; }
        
        #maincontent .left_col_container ul li        { font-size: 13px; line-height: 24px; }
        
        div.contentWraper                            {padding-left:20px;padding-right:20px;}
        
    /*  ========== PRODUCT BOX ==========  */
        #maincontent .product_box                                { width: 591px; margin: 20px 20px 0 20px; }
        #maincontent .product_box h6                             {text-transform:uppercase;}
        #maincontent .product_bar                                { width: 591px; height: 3px; line-height: 3px; background-color: #0E448F; font-size: 1px; }
        #maincontent .product_content                            { padding: 4px 0 10px 0; border-right: 1px solid #85A7D0; border-left: 1px solid #85A7D0; }
        #maincontent .product_content .contentWraper             { padding-left: 5px; }
        TD.newsListDate                                          { padding-left: 0 !important; }
        #maincontent .product_bottom                            { width: 591px; margin-bottom: 0px; }
        #maincontent .product_bottom .product_bottom_left        { height: 7px; line-height: 7px; float: left; width: 7px; background: url(/common/images/box_white_bl.gif) no-repeat; }
        #maincontent .product_bottom .product_bottom_middle        { width: 577px; height: 7px; line-height: 7px; float: left; background: url(/common/images/box_white_btm.gif) repeat-x; }
        #maincontent .product_bottom .product_bottom_right        { height: 7px; line-height: 7px; float: left; width: 7px; background: url(/common/images/box_white_br.gif) no-repeat; }
        
        #maincontent .product_box .img        { float: left; width: 154px; margin: 5px; }
        #maincontent .product_box .text        { float: left; width: 390px; margin: 5px; }
        #maincontent .product_box .text p { margin-top: 0; margin-bottom: 20px; }
        
        #maincontent .text p                { margin-top: 20px; }
        #maincontent .text p a:link,
        #maincontent .text p a:visited        { color: #6487AF; text-decoration: underline; }
        #maincontent .text p a:hover        { text-decoration: none; }
        p.r_link    { margin-bottom: 0 !important; }
/* ========================================== DHTML POPUP ======================================= */
.Overlay
{
    margin: auto;
    clear: both;
    top: 0px;
    left:0px;
    position:absolute;
    opacity: .8; 
    filter: alpha(opacity=80);
    background: #000000;
    z-index: 9998;
    position:absolute;
    height: 100%;
    width: 100%;
    text-align:center;
    display: none;
}
.DHTMLpopup
{
    clear: both;
    width: 300px;
    height: auto;
    background: #EFEFEF;
    position:absolute;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding: 10px;
    border: thick double #666666;    
    z-index: 9999;
    display: none;
}
.label
{
    clear: left;
    font-weight: bold;
    float:left;
    margin: 10px;
    width: 100px;  
}
.textInput, .buttonInput
{
    float: right;
    margin: 10px;
}
.textInput 
{
     width:140px;
}
.buttonInput
{
    margin-top: 10px;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}
#error
{
    color: red;
    clear:both;
    width: auto;
    margin:10px;
    text-align:center;
    line-height: 20px;
}