a:link { color: blue; font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-weight: normal; text-decoration: none; }
a:hover { color: blue; font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-weight: normal; text-decoration: underline; }
a:visited { color: #6499eb; font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-weight: normal; text-decoration: none; }
.Black11 { color: black; font-size: 11px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; }
.Black11Yellow { color: black; font-size: 11px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; background-color: #ffeec9; }
.Black11Blue { color: black; font-size: 11px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; background-color: #d5d7ff; }
.Black11Gray { color: black; font-size: 11px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; background-color: #cecece; }
.Black11Bold { color: black; font-size: 11px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-weight: 700; }
.Black11BoldWBG { color: black; font-size: 11px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-weight: 700; line-height: 11px; background-color: #ffd; padding: 1px; }
.Gray11 { color: #646464; font-size: 11px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; }
.Gray11Bold { color: #646464; font-size: 11px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-weight: 700; }
.Black12 { color: black; font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; }
.Tread { color: black; font-size: 12px; font-family: verdana, "courier new", courier; }
.Tread10 { color: gray; font-size: 11px; font-family: verdana, "courier new", courier; }
.White12 { color: white; font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; }
.Black12Bold { color: black; font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-weight: 700; }
.Black13Bold { color: black; font-size: 13px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-weight: 700; }
.Black14Bold { color: black; font-size: 14px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-weight: bold; }
.Black24Bold { color: black; font-size: 24px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-weight: 700; }
.Ruby11 { color: #9e0000; font-size: 11px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; }
.Ruby11Bold { color: #9e0000; font-size: 11px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-weight: 700; }
.Red12 { color: #d40000; font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; }
.DOS11 { color: lime; font-size: 12px; font-family: Courier, "Courier New", Monaco, monospace; font-weight: bold; background-color: black; margin: 0; padding: 1px; }
.Orange12 { color: #f0a057; font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; }
.Green12 { color: green; font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; }
.Gray12 { color: #d5d5d5; font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; }
.Red11 { color: #d40000; font-size: 11px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; }
.Green11 { color: #2eba2e; font-size: 11px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; }
/* ------------------
 styling for the tables 
   ------------------   */
#admin { font-size: 11px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; line-height: 11px; background-color: #fff; text-align: left; width: 300px; margin: 0; padding: 4px; border-width: 0; border-color: #0e48a1; outline: solid 1px #aaa; border-collapse: collapse; }
#admin td { font-size: 11px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-weight: 700; line-height: 11px; background-color: #fff; background-image: none; padding: 5px; border: 1px #cecece; }
#admin th { font-size: 11px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-weight: 700; background-color: #e4e4e4; padding: 5px; border: dotted 1px #cecece; outline-style: solid; outline-width: 0; }
#addholder { font-size: 11px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; line-height: 11px; background-color: #fff3cd; text-align: left; margin: 0; padding: 0; border-width: 0; border-color: #0e48a1; outline: solid 1px #aaa; border-collapse: collapse; }
#addholder td { font-size: 11px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; line-height: 11px; background-color: #fff; background-image: none; border: 1px #cecece; }
#addholder th { font-size: 11px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-weight: 700; background-color: #e4e4e4; padding: 0; border: dotted 1px #cecece; outline-style: solid; outline-width: 0; }
#terms { font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; background-image: none; text-align: left; text-indent: 2px; margin: 20px; padding: 10px; width: 800px; border: dashed 1px #aaa; outline: none 1px #0e48a1; border-collapse: collapse; }
#terms th { font-size: 14px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-weight: bold; background-color: #d7d7d7; background-image: none; text-align: left; text-indent: 2px; margin: 0; padding: 6px; border: dashed 1px #aaa; outline-style: none; outline-color: #0e48a1; border-collapse: collapse; }
#terms td { font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; background-image: none; text-align: left; text-indent: 2px; margin: 0; padding: 6px; border: dashed 1px #aaa; outline-style: none; outline-color: #0e48a1; border-collapse: collapse; }
#invoice { font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; background-image: none; text-align: left; text-indent: 2px; margin: 10px; padding: 3px; width: 800px; border: dashed 1px #aaa; outline: none 1px #0e48a1; border-collapse: collapse; }
#invoice th { font-size: 14px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-weight: bold; background-color: #d7d7d7; background-image: none; text-align: left; text-indent: 2px; margin: 0; padding: 6px; border: dashed 1px #aaa; outline-style: none; outline-color: #0e48a1; border-collapse: collapse; }
#invoice td { font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; background-image: none; text-align: left; text-indent: 2px; margin: 0; padding: 6px; border: dashed 1px #aaa; outline-style: none; outline-color: #0e48a1; border-collapse: collapse; }
#detail { font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; background-image: none; text-align: left; text-indent: 2px; width: 800px; margin: 10px; padding: 3px; border: dashed 1px #aaa; outline: none 1px #0e48a1; border-collapse: collapse; }
#detail th { font-size: 14px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-weight: bold; background-color: #d7d7d7; background-image: none; text-align: left; text-indent: 2px; margin: 0; padding: 6px; border: dashed 1px #aaa; outline-color: #0e48a1; outline-style: none; border-collapse: collapse; }
#detail td { font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; background-image: none; text-align: left; text-indent: 2px; margin: 0; padding: 6px; border: dashed 1px #aaa; outline-color: #0e48a1; outline-style: none; border-collapse: collapse; }
#confirm { font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; background-image: none; text-align: left; text-indent: 2px; margin: 10px; padding: 3px; border: solid 1px #aaa; outline: none 1px #0e48a1; border-collapse: collapse; }
#confirm td { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; background-color: #d5d5d5; background-image: none; background-position: 0 0; margin: 0; padding: 4px; border: solid 1px #cecece; }
#form { font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; line-height: 12px; background-color: #fff; text-align: left; text-indent: 6px; margin: 10px; padding: 0; width: 800px; border-width: 0; border-color: #0e48a1; outline: double 0 #0e48a1; border-collapse: collapse; }
#form td { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; background-color: #fff; background-image: none; background-position: 0 0; margin: 0; padding: 2px; border: dashed 1px #cecece; }
#form th { font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-weight: 700; background-color: #e4e4e4; padding: 5px; border: solid 1px #cecece; outline-style: solid; outline-width: 0; }
body
{
	line-height: 1em;
}
#login { font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; background-color: #f3ebb3; text-align: left; text-indent: 6px; width: 800px; padding: 0; border: solid 1px #aaa; outline: none 1px #bdbdbd; border-collapse: collapse; }
#login td { background: #f3ebb3; margin: 0; padding: 5px; border: 0 #cecece; outline-style: hidden; }
#login th { font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-weight: 700; background-color: #f3ebb3; text-align: center; padding: 1px; border: 0 #cecece; outline-style: hidden; outline-width: 0; }
#checkout { font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; background-color: #fff; text-align: center; text-indent: 6px; margin: 5px; padding: 0; width: 800px; border-color: #0e48a1; border-width: 0; outline: double 0 #0e48a1; border-collapse: collapse; }
#support { font-size: 12px; font-family: Sans-Serif, "Lucida Sans Unicode", "Lucida Grande"; font-weight: 400; font-style: normal; text-align: left; text-indent: 0; margin: 0; padding: 3px; width: 800px; border-width: 0; border-color: #0e48a1; outline: double 0 #0e48a1; border-collapse: collapse; }
#support th { font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-weight: 700; padding: 5px; border: 0 #cecece; outline-style: solid; outline-width: 0; }
#support td { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin: 0; padding: 3px; border: dashed 1px #cecece; }
#aff { font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; background-color: #fff; text-align: center; text-indent: 6px; margin: 5px; padding: 0; width: 900px; border-width: 0; border-color: #0e48a1; outline: double 0 #0e48a1; border-collapse: collapse; }
#aff th { font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-weight: 700; background-color: #fff4c0; text-align: center; padding: 5px; border: solid 1px #cecece; outline-style: solid; outline-width: 0; }
#aff td { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; background: #fff; text-align: center; margin: 0; padding: 0; border: dashed 1px #cecece; }
#checkout th
{ padding: 5px; font-weight: 700; font-size: 12px; font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; background-color: #e4e4e4; border: solid 1px #cecece; outline-style: solid; outline-width: 0; }
#checkout td { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; background: #fff; margin: 0; padding: 0; border: dashed 1px #cecece; }
#base
{ font-family: Sans-Serif, "Lucida Sans Unicode", "Lucida Grande"; font-size: 12px; font-weight: normal; background-color: white; margin: 15px; width: 900px; text-align: center; padding: 0; border: solid 1px #aaa; outline-color: #0e48a1; outline-style: none; border-collapse: collapse; }
#backbase { font-size: 12px; font-family: Sans-Serif, "Lucida Sans Unicode", "Lucida Grande"; background-color: white; text-align: center; margin: 15px; padding: 0; width: 1000px; border: solid 1px #aaa; outline-style: none; outline-color: #0e48a1; border-collapse: collapse; }
#back { color: black; font-size: 11px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; text-transform: capitalize; text-align: left; margin: 0; padding: 0; width: 1000px; border: dotted 1px #aaa; outline-style: none; outline-color: #0e48a1; border-collapse: collapse; }
#back th { color: black; font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-weight: 700; background-color: #ffaa5d; padding: 4px; border: solid 2px #434343; }
#back td { color: black; font-size: 11px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; background: #eaeaea; text-align: left; text-transform: capitalize; padding: 0; border: dotted 1px #bdbdbd; }
#back tbody tr:hover td { background: #ffbad1; }
#search { color: black; font-size: 11px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; background-color: #fff8d1; text-align: left; text-transform: capitalize; margin: 3px; padding: 0; width: 1000px; border: solid 1px #aaa; outline-style: none; outline-color: #0e48a1; border-collapse: collapse; }
#search th { color: black; font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-weight: 700; background-color: #ffdc92; padding: 4px; border: solid 2px #434343; }
#search td
{ color: black; font-size: 11px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-transform: capitalize; text-align: left; padding: 0; border: 1px #bdbdbd; }
#product { color: black; font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; text-align: center; margin: 0; padding: 3px; width: 800px; border: dashed 1px #aaa; outline-style: none; outline-color: #0e48a1; border-collapse: collapse; }
#product th { color: black; font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-weight: 700; text-align: center; padding: 4px; border: dashed 1px #d7d7d7; }
#product td { color: black; font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: left; padding: 3px; border: dashed 1px #bdbdbd; }
#product tbody tr:hover td
{ background: #c5d3ff; }
.field    {
    /*we will first set the border styles.*/
    font-size: 11px; color: #333333; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; width: 158px; height: 15px; border: solid 1px #999999; }
 
/*we are now going to style how the textfield will look when we
hover over it and when we actually have it selected*/
 
.field:hover    {
    border-color: #64acd8;
    border-width: 1px;
    }
 
.field:focus    { background-color: #ffd; border-color: #64acd8; border-width: 1px; }
    
    
    
    
    
    
    .FieldCity    {
    /*we will first set the border styles.*/
    font-size: 11px; color: #333333; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; width: 75px; height: 15px; border: solid 1px #999999; }
 
/*we are now going to style how the textfield will look when we
hover over it and when we actually have it selected*/
 

.FieldCity:hover    {
    border-color: #64acd8;
    border-width: 1px;
    }
 
.FieldCity:focus    { background-color: #ffd; border-color: #64acd8; border-width: 1px; }
    
    
        .FieldState   {
    /*we will first set the border styles.*/
    font-size: 11px; color: #333333; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; width: 20px; height: 15px; border: solid 1px #999999; }
 
/*we are now going to style how the textfield will look when we
hover over it and when we actually have it selected*/
 

.FieldState:hover    {
    border-color: #64acd8;
    border-width: 1px;
    }
 
.FieldState:focus    { background-color: #ffd; border-color: #64acd8; border-width: 1px; }
    
    
    
        .FieldZIP   {
    /*we will first set the border styles.*/
    font-size: 11px; color: #333333; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; width: 45px; height: 15px; border: solid 1px #999999; }
 
/*we are now going to style how the textfield will look when we
hover over it and when we actually have it selected*/
 

.FieldZIP:hover    {
    border-color: #64acd8;
    border-width: 1px;
    }
 
.fieldZIP:focus    { background-color: #ffd; border-color: #64acd8; border-width: 1px; }
    
    textarea#styled {
	width: 158px;
	height: 45px;
	border: solid 1px #999999;
	padding: 1px;
	font-family: Tahoma, sans-serif;
}

textarea#styled:hover    {
    border-color: #64acd8;
    border-width: 1px;
    }
 
textarea#styled:focus    {
    border-color: #64acd8;
    border-width: 1px;
    background-color: #ffd;
    }
    
    #dhtmltooltip{
position: absolute;
left: -300px;
width: 300px;
border: 1px solid black;
padding: 4px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
font-size: 12px; 
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
line-height: 13px;

}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}