html {height: 100%;}
body {color: #003; background-color: #FFFFFF; font-family: Tahoma,Arial,sans-serif; font-size: 12px; margin: 0; height: 100%;}

a {font-weight: bold; font-family: Arial,Helvetica,sans-serif; text-decoration: none;}
a:active  {color: #04629D;}
a:hover   {color: #5080FB;}
a:link    {color: #04629D;}
a:visited {color: $5080FB;}

h1 {font-size: 24px;}
h2 {font-size: 20px;}
h3 {font-size: 14px;}
h4 {font-size: 12px; font-weight: bold;}

.breadcrumb {color: #666;}
h4.breadcrumb .bcsep {color: #F30;}

div.body {position: relative; left: 0%; padding: 0px; width:100%; margin-left: 0px; margin-top: 0%; background-color: #FFFFFF; border: 0px solid #609;}
#header1 {padding: 0px 0px 0px 0px; border: 0px solid #000;}
#header2 {padding: 0px 0px 0px 0px; border: 0px solid #000;}
#header3 {padding: 0px 0px 0px 0px; border: 0px solid #000;}

#login          {position: relative; border: 0px solid #009; background-color: #FFFFFF; color: black; padding: 0 5; margin: 0 5;
                 font-size: 11px; font-family: Arial,sans-serif,Verdana; font-weight: regular;}
.loginsubmit    {position: relative; border: 1px solid #009; background-color: #EEEEEE; color: black; padding: 0 5 0 5; margin: 5 10 0 0;
                 font-size: 12px; font-family: Arial,sans-serif,Verdana; font-weight: bold;}
.loginnew       {position: relative; border: 1px solid #009; background-color: #EEEEEE; color: black; padding: 0 5 0 5; margin: 5 10 0 0;
                 font-size: 12px; font-family: Arial,sans-serif,Verdana; font-weight: bold;}
.loginbox       {position: relative; border: 1px solid #009; background-color: #FFFFFF; color: black; padding: 1 1 1 1; margin: 0 1 0 0;
                 font-size: 11px; font-family: Arial,sans-serif,Verdana; font-weight: regular;}

.menuitem       {background-color: #EEEEEE; border: 1px solid #009; width: 200px; margin: 0 0 5 0;}
.menuitem th    {font-size: 12px; text-align: left; color: #FFFF00; background-color: #04629D; padding: 3px 5px 5px 5px;}
.menuitem td    {padding: 3px 5px 5px 5px;}
.menuitem .row1 {background-color: #FFFFFF;}
.menuitem .row2 {background-color: #EEEEEE;}
.menudesc       {font-size: 10px; color: #04629D; padding: 0px 0px 0px 0px;}
.firstcolumn    {width: 50%;}

.menumain       {background-color: #FFFFFF; border: 0px solid #FF9900; margin: 0 0 0 0;}
.menumain td    {padding: 1px 1px 1px 1px;}

div.copyright   {color: #000; font-size: 12px; text-align: left; vertical-align: center; position: relative; height: 0%; left: 0%; width: 250px; padding: 0px 2px; margin-left: 0px; margin-top: 0px; border: 0px solid #100;}

.itdisp    {background-color: #FFFFFF; border: 1px solid #009; margin: 0 0 5 0;}
.itdisp th {font-size: 12px; font-family: Arial,sans-serif,Verdana; font-weight: regular; color: #FFFF00;
            background-color: #333399; vertical-align: top; padding: 3px 5px 5px 5px; margin: 0 0 0 0;}
th.image   {text-align: left;  width: 55px;}
th.itemno  {text-align: left;  width: 140px;}
th.desc1   {text-align: left;  width: 320px;}
th.qtcase  {text-align: right; width: 20px;}
th.qtpack  {text-align: right; width: 20px;}
th.price   {text-align: right; width: 60px;}
th.onava   {text-align: right; width: 50px;}

.itdisp td    {padding: 3px 5px 5px 5px;}
.itdisp .row1 {background-color: #FFFFFF;}
.itdisp .row2 {background-color: #EEEEEE;}

td         {font-size: 12px; vertical-align: top; padding: 1px 5px; margin: 0;}
td.image02 {text-align: left;}
td.itemno  {text-align: left;}
td.desc1   {text-align: left;}
td.qtcase  {text-align: right;}
td.qtpack  {text-align: right;}
td.price   {text-align: right;}
td.onava   {text-align: right;}

.itdisp03    {background-color: #FFFFFF; border: 0px solid #009; margin: 0 0 5 0;}
.itdisp03 td {padding: 5px 1px 20px 10px;}
td.image03   {text-align: left; width: 115px;}
td.itemno03  {font-size: 14px; text-align: left; width: 560px;}

.itdisp04    {background-color: #FFFFFF; border: 0px solid #009; margin: 0 0 5 0;}
.itdisp04 td {padding: 5px 2px 30px 2px;}
td.image04   {text-align: center; width: 230px;}
td.itemno04  {font-size: 12px; text-align: left; width: 230px;}

td.pageno {text-align: center; background-color: #FFFFFF;}
.pagenextlink,
.pagenextdead,
.pageprevlink,
.pageprevdead,
.pagenumlink,
.pagenumdead   {cursor: pointer; padding: 0 4; margin: 5 1; font-size: 11px; font-family: Arial,sans-serif; font-weight: bold;}
.pagenextlink,
.pageprevlink,
.pagenumlink   {border: 2px solid #009; background-color: #FC6; color: #009;}
.pagenextdead,
.pageprevdead,
.pagenumdead   {cursor: default; border: 2px solid #000; background-color: #AAA; color: #FFF8EE;}

.itdetail01    {background-color: #FFFFFF; border: 1px solid #009; margin: 0 0 5 0;}
.itdetail01 td {padding: 5px 1px 20px 10px;}
td.detimage01  {text-align: left; width: 310px;}
td.detitemno01 {font-size: 12px; text-align: left; width: 390px;}

.itemx01               {background-color: #FFFFFF; border: 0px solid #009; margin: 0 0 5 0;}
.itemx01 td            {padding: 0px 0px 0px 0px;}
.itemx01 td.itemx01c1   {text-align: left; width: 325px;}
.itemx01 td.itemx01c2   {font-size: 12px; text-align: left; width: 390px;}

.itemx01c1a            {background-color: #FFFFFF; border: 1px solid #009; margin: 0 0 5 0;}
.itemx01c1a td         {padding: 5px 1px 20px 10px;}
.itemx01c1a th         {font-size: 12px; font-family: Arial,sans-serif,Verdana; font-weight: regular; color: #FFFFFF;
                       background-color: #333399; vertical-align: top; padding: 5px 5px 5px 5px; margin: 0 0 0 0;}
.itemx01c1a th.colorno {text-align: center; width: 290px;}

.itemx01c2a               {background-color: #FFFFFF; border: 1px solid #009; margin: 0 0 5 0;}
.itemx01c2a td            {padding: 1px 5px 1px 5px;}
.itemx01c2a th            {font-size: 12px; font-family: Arial,sans-serif,Verdana; font-weight: regular; color: #FFFFFF;
                          background-color: #333399; vertical-align: top; padding: 5px 5px 5px 5px; margin: 0 0 0 0;}
.itemx01c2a th.colorno    {text-align: left;  width: 60px;}
.itemx01c2a th.sizeno     {text-align: left;  width: 60px;}
.itemx01c2a th.onava      {text-align: right; width: 60px;}
.itemx01c2a th.ordqty     {text-align: right; width: 60px;}



.ShCart01           {background-color: #FFFFFF; border: 1px solid #009; margin: 0 0 5 0;}
.ShCart01 th        {font-size: 12px; font-family: Arial,sans-serif,Verdana; font-weight: regular; color: #FFFFFF;
                     vertical-align: top; background-color: #333399; padding: 5px 5px 5px 5px; margin: 0;}
.ShCart01 td        {padding: 5px 5px 0px 5px;}
.ShCart01 th.itemno {text-align: left;   width: 110px;}
.ShCart01 th.desc1  {text-align: left;   width: 270px;}
.ShCart01 th.ordqty {text-align: center; width: 40px;}
.ShCart01 th.trum   {text-align: center; width: 15px;}
.ShCart01 th.qtum   {text-align: right;  width: 28px;}
.ShCart01 th.price  {text-align: right;  width: 50px;}
.ShCart01 th.lnamt  {text-align: right;  width: 70px;}

#msgBoxLogin        {position: relative; width: 350px; text-align: center;
                     background-color: #CCFFCC; border: 2px solid red; color: red; padding: 20px 15px 15px 15px; margin: 50 0 50 350;}
.msgBoxLogin.button {font-size: 12px; font-family: Arial,sans-serif; font-weight: bold;
                     position: relative; border: 2px solid #009; background-color: #EEEEEE; color: #006; padding: 2 8 2 8; margin: 5 0 5 0;}

#msgBoxBack         {position: relative; width: 350px; text-align: center;
                     background-color: #CCFFCC; border: 2px solid #66FF66; padding: 20px 15px 15px 15px; margin: 50 0 50 350;}
.msgBoxBack.button  {font-size: 12px; font-family: Arial,sans-serif; font-weight: bold;
                     position: relative; border: 2px solid #009; background-color: #EEEEEE; color: #006; padding: 2 8 2 8; margin: 5 0 5 0;}

#msgBoxOnly         {position: relative; width: 350px; text-align: center;
                     background-color: #CCFFCC; border: 2px solid #66FF66; padding: 20px 15px 15px 15px; margin: 50 0 50 350;}

.shcartcheckoutcustinfo    {background-color: #FFFFFF; border: 1px solid #009; margin: 0 0 5 6;}
.shcartcheckoutcustinfo th {font-size: 12px; font-family: Arial,sans-serif,Verdana; font-weight: regular; color: #FFFFFF;
                            background-color: #333399; vertical-align: top; padding: 3px 5px 5px 5px; margin: 0 0 0 0;}

.ShCartCheckoutReview           {background-color: #FFFFFF; border: 1px solid #009; margin: 0 0 1 3;}
.ShCartCheckoutReview th        {font-size: 12px; font-family: Arial,sans-serif,Verdana; font-weight: regular; color: #FFFFFF;
                                 background-color: #333399; vertical-align: top; padding: 3px 5px 5px 5px; margin: 0 0 0 0;}
.ShCartCheckoutReview th.Itemno {text-align: left;   width: 150px;}
.ShCartCheckoutReview th.Desc1  {text-align: left;   width: 320px;}
.ShCartCheckoutReview th.Ordqty {text-align: right;  width: 60px;}
.ShCartCheckoutReview th.Trum   {text-align: center; width: 20px;}
.ShCartCheckoutReview th.Qtum   {text-align: right;  width: 20px;}
.ShCartCheckoutReview th.Price  {text-align: right;  width: 60px;}
.ShCartCheckoutReview th.Lnamt  {text-align: right;  width: 80px;}
.ShCartCheckoutReview th.Change {text-align: left;   width: 40px;}

.ShCartCheckoutShipping            {background-color: #FFFFFF; border: 1px solid #009; margin: 0 0 5 3;}
.ShCartCheckoutShipping th         {font-size: 12px; font-family: Arial,sans-serif,Verdana; font-weight: regular; color: #FFFFFF;
                                    background-color: #333399; vertical-align: top; padding: 3px 5px 5px 5px; margin: 0 0 0 0;}
.ShCartCheckoutShipping th.Check   {text-align: center; width: 80px;}
.ShCartCheckoutShipping th.Option  {text-align: left;   width: 100px;}
.ShCartCheckoutShipping th.Desc1   {text-align: left;   width: 200px;}
.ShCartCheckoutShipping th.Rate    {text-align: right;  width: 80px;}
.ShCartCheckoutShipping td.Header1 {font-size: 12px; font-family: Arial,sans-serif,Verdana; font-weight: bold; color: black; text-align: center; 
                                    background-color: #EEEEEE; vertical-align: top; padding: 3px 5px 5px 5px; margin: 0 0 0 0;}

.ShCartCheckoutPayment            {background-color: #FFFFFF; border: 1px solid #009; margin: 0 0 5 3;}
.ShCartCheckoutPayment th         {font-size: 12px; font-family: Arial,sans-serif,Verdana; font-weight: regular; color: #FFFFFF;
                                   background-color: #333399; vertical-align: top; padding: 3px 5px 5px 5px; margin: 0 0 0 0;}
.ShCartCheckoutPayment td.Header1 {font-size: 12px; font-family: Arial,sans-serif,Verdana; font-weight: bold; color: black; text-align: center; 
                                   background-color: #EEEEEE; vertical-align: top; padding: 3px 5px 5px 5px; margin: 0 0 0 0;}

#searchbar {text-align: padding: 5px 5px 5px 5px; margin: 30 0 0 200;}

.menucustserv {background-color: #FFFFFF; border: 0px solid #009; padding: 10px 10px 10px 10px; margin: 30 0 20 250;}

.CsSaStatus            {background-color: #FFFFFF; border: 1px solid #009; padding: 10px 10px 10px 10px; margin: 20 0 20 10;}
.CsSaStatus td.header1 {font-size: 12px; font-family: Arial,sans-serif,Verdana; font-weight: bold; color: black; text-align: center; 
                        background-color: #EEEEEE; vertical-align: top; padding: 3px 5px 5px 5px; margin: 0 0 0 0;}
.CsSaStatus th         {font-size: 12px; font-family: Arial,sans-serif,Verdana; font-weight: bold; color: #FFFFFF; 
                        background-color: #333399; vertical-align: top; padding: 3px 5px 5px 5px; margin: 0 0 0 0;}
.CsSaStatus th.trno    {text-align: right;  width: 100px;}
.CsSaStatus th.trdate  {text-align: center; width: 100px;}
.CsSaStatus th.totamt  {text-align: right;  width: 100px;}
.CsSaStatus th.trorig2 {text-align: right;  width: 100px;}
.CsSaStatus th.sstatus {text-align: left;   width: 100px;}
.CsSaStatus th.sdate   {text-align: center; width: 100px;}
.CsSaStatus th.shipvia {text-align: left;   width: 110px;}
.CsSaStatus th.stracno {text-align: left;   width: 250px;}

.CsSaStatusDetail            {background-color: #FFFFFF; border: 1px solid #009; padding: 10px 10px 10px 10px; margin: 20 0 20 10;}
.CsSaStatusDetail td.header1 {font-size: 12px; font-family: Arial,sans-serif,Verdana; font-weight: bold; color: black; text-align: left; 
                              background-color: #EEEEEE; vertical-align: top; padding: 3px 5px 5px 5px; margin: 0 0 0 0;}
.CsSaStatusDetail th         {font-size: 12px; font-family: Arial,sans-serif,Verdana; font-weight: bold; color: #FFFFFF; 
                              background-color: #333399; vertical-align: top; padding: 3px 5px 5px 5px; margin: 0 0 0 0;}
.CsSaStatusDetail th.lnno    {text-align: right;  width: 25px;}
.CsSaStatusDetail th.itemno  {text-align: left;   width: 120px;}
.CsSaStatusDetail th.desc1   {text-align: left;   width: 280px;}
.CsSaStatusDetail th.ordqty  {text-align: right;  width: 50px;}
.CsSaStatusDetail th.shiqty  {text-align: right;  width: 50px;}
.CsSaStatusDetail th.trum    {text-align: center; width: 15px;}
.CsSaStatusDetail th.qtum    {text-align: right;  width: 30px;}
.CsSaStatusDetail th.price   {text-align: right;  width: 70px;}
.CsSaStatusDetail th.lnamt   {text-align: right;  width: 90px;}

.CsPurch            {background-color: #FFFFFF; border: 1px solid #009; padding: 10px 10px 10px 10px; margin: 20 0 20 10;}
.CsPurch td.header1 {font-size: 12px; font-family: Arial,sans-serif,Verdana; font-weight: bold; color: black; text-align: center; 
                     background-color: #EEEEEE; vertical-align: top; padding: 3px 5px 5px 5px; margin: 0 0 0 0;}
.CsPurch th         {font-size: 12px; font-family: Arial,sans-serif,Verdana; font-weight: bold; color: #FFFFFF; 
                     background-color: #333399; vertical-align: top; padding: 3px 5px 5px 5px; margin: 0 0 0 0;}
.CsPurch th.itemno  {text-align: left;   width: 120px;}
.CsPurch th.desc1   {text-align: left;   width: 200px;}
.CsPurch th.shiqty  {text-align: right;  width: 50px;}
.CsPurch th.trum    {text-align: center; width: 15px;}
.CsPurch th.qtum    {text-align: right;  width: 30px;}
.CsPurch th.price   {text-align: right;  width: 80px;}
.CsPurch th.trdate  {text-align: center; width: 80px;}

.CsArBal            {background-color: #FFFFFF; border: 1px solid #009; padding: 10px 10px 10px 10px; margin: 20 0 20 350;}
.CsArBal td.header1 {font-size: 12px; font-family: Arial,sans-serif,Verdana; font-weight: bold; color: black; text-align: center; 
                     background-color: #EEEEEE; vertical-align: top; padding: 3px 5px 5px 5px; margin: 0 0 0 0;}
.CsArBal th         {font-size: 12px; font-family: Arial,sans-serif,Verdana; font-weight: bold; color: #FFFFFF; 
                     background-color: #333399; vertical-align: top; padding: 3px 5px 5px 5px; margin: 0 0 0 0;}
.CsArBal th.desc    {text-align: left;  width: 120px;}
.CsArBal th.amount  {text-align: right; width: 100px;}

.CsCust            {background-color: #FFFFFF; border: 1px solid #009; padding: 10px 10px 10px 10px; margin: 20 0 50 10;}
.CsCust td.header1 {font-size: 12px; font-family: Arial,sans-serif,Verdana; font-weight: bold; color: black; text-align: center; 
                    background-color: #EEEEEE; vertical-align: top; padding: 3px 5px 10px 5px; margin: 0 0 0 0;}
.CsCust td.header2 {font-size: 12px; font-family: Arial,sans-serif,Verdana; font-weight: bold; color: #FFFFFF; text-align: center; 
                    background-color: #333399; vertical-align: top; padding: 3px 5px 5px 5px; margin: 0 0 0 0;}
.CsCust td.header3 {background-color: #FFFFFF; vertical-align: top; padding: 3px 5px 5px 5px; margin: 0 0 0 0;}
.CsCust td.header4 {font-size: 12px; font-family: Arial,sans-serif,Verdana; font-weight: bold; color: #FFFFFF; text-align: center; 
                    background-color: #333399; vertical-align: top; padding: 3px 5px 5px 5px; margin: 0 0 0 0;}
.CsCust td.col01   {text-align: left;  width: 120px; padding: 3px 5px 2px 2px;}
.CsCust td.col02   {text-align: right; width: 100px;}

.CsCustNew            {background-color: #FFFFFF; border: 1px solid #009; padding: 10px 10px 10px 10px; margin: 20 0 50 10;}
.CsCustNew td.header1 {font-size: 12px; font-family: Arial,sans-serif,Verdana; font-weight: bold; color: black; text-align: center; 
                       background-color: #EEEEEE; vertical-align: top; padding: 3px 5px 10px 5px; margin: 0 0 0 0;}
.CsCustNew td.header2 {font-size: 12px; font-family: Arial,sans-serif,Verdana; font-weight: bold; color: #FFFFFF; text-align: center; 
                       background-color: #333399; vertical-align: top; padding: 3px 5px 5px 5px; margin: 0 0 0 0;}

.CsCustLogin            {background-color: #FFFFFF; border: 1px solid #009; padding: 10px 10px 10px 10px; margin: 20 0 50 10;}
.CsCustLogin td.header1 {font-size: 12px; font-family: Arial,sans-serif,Verdana; font-weight: bold; color: black; text-align: center; 
                         background-color: #EEEEEE; vertical-align: top; padding: 3px 5px 10px 5px; margin: 0 0 0 0;}
.CsCustLogin td.header2 {font-size: 12px; font-family: Arial,sans-serif,Verdana; font-weight: bold; color: #FFFFFF; text-align: center; 
                         background-color: #333399; vertical-align: top; padding: 3px 5px 5px 5px; margin: 0 0 0 0;}

.ShCartCheckoutPaymentX            {background-color: #FFFFFF; border: 1px solid #009; padding: 10px 10px 10px 10px; margin: 20 0 20 250;}
.ShCartCheckoutPaymentX td.header1 {font-size: 14px; font-family: Arial,sans-serif,Verdana; font-weight: bold; color: black; 
                                    text-align: center; background-color: #EEEEEE; vertical-align: top; padding: 13px 55px 15px 55px;}
.ShCartCheckoutPaymentX td.header2 {padding: 5px 5px 5px 5px;}