a:hover { color :#FF0000; }

    .font00    
    {
        font:normal 10px verdana bold;
    }
        
    .font01    
    {
        font:normal 12px verdana bold;
    }
    
    .input01
    {
        padding: 2px;
        border: 1px solid;
        border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
        -moz-border-radius: 1px;

        color:#000000; 
        background-color:#ffffff; 
        font:normal 12px Arial;
    }

    .input02
    {
        padding: 2px;
        border: 1px solid;
        border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
        -moz-border-radius: 1px;
        
        color:#000000; 
        background-color:#ffffff; 
        font:normal 10px Arial;
    }
    
    .button01
    {
        border:1; 
        color:#990000; 
        background-color:#D9DCDE; 
        font:normal 12px Arial;
    }

    .border_input
    {
        padding: 2px;
        border: 1px solid;
        border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
        -moz-border-radius: 1px;

        color:#000000; 
        background-color:#ffffff; 
        font:normal 12px Arial;
    }
    
    .no_border_input
    {
        border:0; 
        color:#000000; 
        background-color:#ffffff; 
        font:normal 12px Arial;
    }
    
    .mandatory_input
    {
        border: 1;
        color:#000000; 
        background-color:#F3CAE7; 
        font:normal 12px Verdana;
    }
    
    .button
    {
        border-bottom:2px solid #666;
        border-left:2px solid #FFAA3D;
        border-right:2px solid #666;
        border-top:2px solid #FFAA3D;
    
        display: inline-block;
        line-height: 1;
        padding: 5px 18px 5px 18px;
        text-decoration: none;
        font-weight: bold;
        color: #fffff;
        background-color: #8D172A;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px;
        width: 250px;
        font-size: 16px;
        text-align: center;
    }
    
    pre.button
    {
        color: ffffff; 
        font-family: arial;  
    }
    
    #icon_title
    {
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        line-height: 25pt;
    }
    
    #font_title00	
    {
	    font:normal 20px Verdana;
    }

    #font_title01	
    {
	    font:normal 30px Verdana;
    }

    #font_section	
    {
	    font:normal 20px Verdana;
    }

    #font00	
    {
	    font:normal 10px Verdana bold;
    }
		
    #font01	
    {
	    font:normal 12px Verdana;
    }

    #font02	
    {
	    font:normal 17px Verdana;
    }

    #font04
    {
	    font:normal 10px Verdana;
	    color:#1029FF; 
    }

    #rpt-caption    
    {
        font:normal 13px Arial;
        color: fuchsia;
    }

    #textbox01
    {
	    border:0; 
	    color:#000000; 
	    background-color:#dddddd; 
	    font:normal 14px Verdana;
    }

    #linktextbox
    {
        border:1; 
        color:#0407FB; 
        background-color:#ffffff; 
        font:normal 12px Arial;
    }


    #input01
    {
        border: 1;
	    color:#000000; 
	    background-color:#ffffff; 
	    font:normal 12px Verdana;
    }

    #input02
    {
	    border:1; 
	    color:#000000; 
	    background-color:#ffffff; 
	    font:normal 10px Verdana;
    }

    #button01
    {
 	    border:1; 
	    color:#990000; 
	    background-color:#D9DCDE; 
	    font:normal 12px Verdana;
    }

    FORM.special
    {
	    border:0; 
	    color:#990000; 
	    background-color:#D9DCDE; 
	    font:normal 12px Verdana;
    }


    #dropmenudiv
    {
        position:absolute;
        border:1px solid black;
        border-bottom-width: 0;
        font:normal 12px verdana;
        line-height:12px;
        z-index:160;
    }

    #dropmenudiv a
    {
        width: 160;
        display: block;
        text-indent: 3px;
        border-bottom: 1px solid black;
        padding: 7px 0;
        text-decoration: none;
    }

    /*hover background color*/
    
    #dropmenudiv a:hover
    { 
        background-color: #eeeeee;
    }

    body
    {
        background-color: #FFFFFF;
        color: #004080; 
        font-family: Arial;
        font-size: 12px;
    }
    
    .bd
    {
        background-color: #FFFFFF;
        color: #004080;
        font-family: Arial;
        font-size: 12px;
    }
    
    .tbl
    {
        background-color: #FFFFFF;
    }
    
    a:link
    { 
        color: #D50077;
        font-family: Arial;
        font-size: 12px;
    }

    a:active
    { 
        color: #030102;
        font-family: Arial;
        font-size: 12px;
    }
        
    a:visited
    { 
        color: #D50077;
        font-family: Arial;
        font-size: 12px;
    }
  
    /* Search Table Header Row */
  
    .hr
    {
        background-color: #B2EBFA;
        color: #336699;
        font-family: Arial;
        font-size: 15px;
    }
    
    a.hr:link
    {
        color: #336699;
        font-family: Arial;
        font-size: 15px;
    }
    
    a.hr:active
    {
        color: #336699;
        font-family: Arial;
        font-size: 15px;
    }
    
    a.hr:visited
    {
        color: #336699;
        font-family: Arial;
        font-size: 15px;
    }
  
    /* Search Table Normal Row */
  
    .dr
    {
        background-color: #FFFFFF;
        color: #000000;
        font-family: Arial;
        font-size: 12px;
    }

    a.dr:link
    {
        color: #000000;
        font-family: Arial;
        font-size: 12px;
    }

    a.dr:active
    {
        color: #000000;
        font-family: Arial;
        font-size: 12px;
    }

    a.dr:visited
    {
        color: #000000;
        font-family: Arial;
        font-size: 12px;
    }

    a.sr:link
    {
        color: #000000;
        font-family: Arial;
        font-size: 12px;
    }

    a.sr:active
    {
        color: #000000;
        font-family: Arial;
        font-size: 12px;
    }

    a.sr:visited
    {
        color: #000000;
        font-family: Arial;
        font-size: 12px;
    }
  
    /* Search Table Alternate Row */
  
    .sr
    {
        background-color: #FFFFCF;
        color: #000000;
        font-family: Arial;
        font-size: 12px;
    }


    /* Normal Table Header Row */
  
    .tblhr
    {
        background-color: #95EB65;
        color: #336699;
        font-family: Arial;
        font-size: 14px;
    }
    
    a.tblhr:link
    {
        color: #336699;
        font-family: Arial;
        font-size: 12px;
    }
    
    a.tblhr:active
    {
        color: #336699;
        font-family: Arial;
        font-size: 12px;
    }
    
    a.tblhr:visited
    {
        color: #336699;
        font-family: Arial;
        font-size: 12px;
    }
  
    /* Normal Table Normal Row */
  
    .tbldr
    {
        background-color: #FFFFFF;
        color: #000000;
        font-family: Arial;
        font-size: 12px;
    }
  
    /* Normal Table Alternate Row */
  
    .tblsr
    {
        background-color: #FFFFCF;
        color: #000000;
        font-family: Arial;
        font-size: 12px;
    }

    /* Transaction Table Header Row */
  
    .trxtblhr
    {
        background-color: gray;
        color: white;
        font-family: verdana;
        font-size: 12px;
    }
    
    a.trxtblhr:link
    {
        color: #336699;
        font-family: Arial;
        font-size: 12px;
    }
    
    a.trxtblhr:active
    {
        color: #336699;
        font-family: Arial;
        font-size: 12px;
    }
    
    a.trxtblhr:visited
    {
        color: #336699;
        font-family: Arial;
        font-size: 12px;
    }
  
    /* Transaction Table Normal Row */
  
    .trxtbldr
    {
        background-color: #FFFFFF;
        color: #000000;
        font-family: Arial;
        font: normal 12px Arial;
    }
  
    /* Transaction Table Alternate Row */
  
    .trxtblsr
    {
        background-color: #FFFFCF;
        color: #000000;
        font: normal 12px Arial;
    }
  
    .trxtbltotal
    {
        background-color: #FFF7FF;
        color: #000000;
        font-family: Arial;
        font-size: 12px;
    }

  
    /* Menu Table Header Row */
  
    .menutblhr
    {
        background-color: #A5C3F7;
        color: #000000;
        font-family: Arial;
        font-size: 12px;
    }

    a.menutblhr:link
    {
        color: #000000;
        font-family: Arial;
        font-size: 12px;
    }

    a.menutblhr:active
    {
        color: #000000;
        font-family: Arial;
        font-size: 12px;
    }

    a.menutblhr:visited
    {
        color: #000000;
        font-family: Arial;
        font-size: 12px;
    }
  
    /* Menu Table Normal Row */
  
    .menutbldr
    {
        background-color: #FFFFFF;
        color: #000000;
        font-family: Arial;
        font-size: 10px;
    }
  
    /* Menu Table Alternate Row */
  
    .menutblsr
    {
        background-color: #FFFFCF;
        color: #000000;
        font-family: Arial;
        font-size: 10px;
    }


    /* ajax name search */

    .ajax_input01
    {
        border: 1;
        color:#000000; 
        background-color:#ffffff; 
        font:normal 12px Verdana;
    }

    .ajax_input02
    {
        border:1; 
        color:#000000; 
        background-color:#ffffff; 
        font:normal 10px Verdana;
    }
            
    ul
    {
        list-style-type: none; 
        font-family: verdana; arial, sans-serif; 
        font-size: 10px;  
        background-color: #E8F1F5;
        padding: 3px; 
        width: 400px;
        margin: 5px 0 0 0
    }
    
    li
    {
        margin: 0 0 5px 0; 
        cursor: default; 
        color: black;
    }
    
    li:hover { background: #CCEEFF; }

    ul li.selected
    {
        background-color:#CCEEFF;
        color:black;
        font-weight: bold;
        width:100%;
    }
  
    #product_selection_main
    {
        background-color: #FFFFFF;
        width: 800px;
        height:490px;

        border-top: 1px solid #D3D3D3;
        border-left: 1px solid #D3D3D3;
        border-right: 1px solid #D3D3D3;
        border-bottom: 1px solid #D3D3D3;
        
        font-family: verdana; arial, sans-serif;
        font-size: 10px;
        font-weight: normal;
        color: #000000;

        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
    }

    #product_category
    {
        background-color: #FFF2DB;
        float: left;
        width: 140px;
        height: 490px;
        text-align: left;

        font-family: verdana; arial, sans-serif;
        color: blue;
    }

    #product_list
    {
        background-color: white;
        float: right;
        
        width: 660px;
        height: 490px;
        
        text-align: left;

        font-family: verdana; arial, sans-serif;
        color: blue;
    }

    .category_title
    {
        background-color: #E4A941;
        float: left;
        width: 140px;
        height: 28px;
        font-weight: bold;
        text-align: center;
        font-size: 11;
        font-family: verdana, arial, sans-serif;
        color: black;
    }

    .category_title p
    {
        background: #E4A941;
        margin: 0px;
        padding: 10px 10px 14px 10px;
        text-align: center;
        font-size: 11;
        font-weight: bold;
    }     
    
    .category_content
    {
        background-color: #FFF2DB;        
        float: left;
        width: 140px;
        text-align: left;
        
        margin-top: 10px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;

        font-family: verdana, arial, sans-serif;
        color: #0066CC ;
    }
    
    .category_content a
    {
        padding:  10px 0px 5px 10px;
        font-size: 9;
        font-family: verdana, arial, sans-serif;
        color: #0066CC ;
        line-height: 20px;
    }

    .category_content A:link
    {
        COLOR: #0066cc; TEXT-DECORATION: none
    }
    
    .category_content A:active
    {
        COLOR: #0066cc; TEXT-DECORATION: none
    }

    .category_content A:visited
    {
        COLOR: #0066cc; TEXT-DECORATION: none
    }

    .category_content A:hover
    {
        COLOR: #0066cc; TEXT-DECORATION: none
    }
    
    .ps_trxtblhr
    {
        background-color: #8F9AFB;
        color: #336699;
        font-family: Arial;
        font-size: 12px;
    }
    
    .ps_trxtbldr
    {
        background-color: #FFFFFF;
        color: #000000;
        font-family: Arial;
        font-size: 10px;
    }
  
    /* Transaction Table Alternate Row */
  
    .ps_trxtblsr
    {
        background-color: #FFFFCF;
        color: #000000;
        font-family: Arial;
        font-size: 10px;
    }

    #input01_xborder
    {
        border: 0;
        color:#000000; 
        background-color:#ffffff; 
        font:normal 12px Arial;
    }

    #input02_xborder
    {
        border:0; 
        color:#000000; 
        background-color:#ffffff; 
        font:normal 10px Arial;
    }
    
    #input03_xborder
    {
        border:1; 
        color:#000000; 
        background-color:#ffffff; 
        font:normal 8px Arial;
    }
    
    #input04_xborder
    {
        border:0; 
        color:blue; 
        background-color:#ffffff; 
        font:lighter 12px Arial;
        text-decoration: underline;
    }