/** css for shopping cart 
    margin - top, right, bottom, left

form.form_wrsp_1  {position: absolute; left: 50px; top:  310px;}
form.form_wrsp_1b {position: absolute; left: 50px; top:  410px; display: inline; }
form.form_wrsp_2  {position: absolute; left: 50px; top:  590px;}
form.form_wrsp_2b {position: absolute; left: 50px; top:  730px; display: inline; }
form.form_wrsp_3  {position: absolute; left: 50px; top:  870px;}
form.form_wrsp_3b {position: absolute; left: 50px; top: 1010px; display: inline; }
margin: 10px 2px 0 2px; 
*/

/*
fieldset  {border: #6600cc solid 1px; width: 640px; height: 85px;
           margin: 0 0 0 0; padding: 2px 1px 0 4px; }
label     {width: 30px; float: center; text-align: left; vertical-align: top; 
           margin: 0 2px 0 10px; font-size: 12px;
           font-family: "Comic Sans MS",Verdana,Helvetica,sans-serif;}
descrip   {position: absolute; left: 20px; top: 20; width: 300px; 
           float: left; text-align: left; 
           margin: 1px 2px 1px 215px; font-size: 14px;
           font-family: "Comic Sans MS",Verdana,Helvetica,sans-serif;}
fieldset2  {border: #6600cc solid 1px; width: 640px; height: 85px;
           margin: 0 0 0 0; padding: 2px 1px 0 1px; }
legend2    {background: #e2fcfb; color: #6600cc; border: #6600cc solid 1px; 
           padding: 1px 8px;
           font-weight: bold; font-size: 12.0pt; 
           font-family: "Comic Sans MS",Verdana,Helvetica,sans-serif;}
.cartmeta {vertical-align: center; }
.carttext {text-align: left; font-size: 10pt; font-weight: bold; 
           font-family: "Comic Sans MS",Verdana,Helvetica,sans-serif;}
*/
table.cart {width: 660px;   margin: 0 0 0 30px; 
           font-size: 12px; font-family: "Comic Sans MS",Verdana,Helvetica,sans-serif;}
td.cart   {width: 220px;  text-align: left; 
           font-size: 12px; font-family: "Comic Sans MS",Verdana,Helvetica,sans-serif;}
td.desc   {text-align: left; 
           font-size: 12px;
           font-family: "Comic Sans MS",Verdana,Helvetica,sans-serif;}

legend    {background: #e2fcfb; color: #6600cc; border: #6600cc solid 1px; 
           padding: 0.25px 8px;
           font-weight: bold; font-size: 12.0pt; 
           font-family: "Comic Sans MS",Verdana,Helvetica,sans-serif;}
.tf       {float: center;  vertical-align: top; 
           margin: 0 0 0 0; width: 2em;
           color: #6600cc; background: #ffff99; border: #6600cc solid 1px;
           font-size: 9pt;
           font-family: "Comic Sans MS",Verdana,Helvetica,sans-serif;}

img.cart  {float: left; height: 50px; display:inline; }



/** buttons **/
/** margin, padding - top, right, bottom, left
padding-top:0px; padding-left:2em; padding-bottom: 1em; 
float: left; clear: both; margin-bottom: 10px 
.btnSubmit {margin-left: 5em; border: 0px #6600cc outset}
display:block;  
*/
input.btnadd { float: left; margin: 0 0 0 10px; vertical-align: top;  
     background:transparent no-repeat } 
input.btnadd:Hover { background:transparent no-repeat; } 

input.btnclear { float: left; margin: 0 0 0 10px; vertical-align: top;  
     background:transparent no-repeat; } 
input.btnclear:Hover { background:transparent no-repeat; } 

input.btnlong { float: center; padding: 0 0 0 2em; vertical-align: top;  
    background:transparent no-repeat; } 
input.btnlong:Hover { background:transparent no-repeat url("pics/btn_on_long.gif"); } 

input.btn { float: center; padding: 0 0 1em 2em; vertical-align: top;  
    background:transparent no-repeat; } 
input.btn:Hover { background:transparent no-repeat url("pics/btn_on.gif"); } 

a.btn_cart_show3 { float: left; width: 50px; height: 35px; margin: 0 0 0 0; display: inline;
    background:transparent no-repeat url("pics/btn_cart_show3.gif"); } 
a.btn_cart_show3:Hover { background:transparent no-repeat url("pics/btn_cart_show3_on.gif"); } 

a.btn_cart_show { float: left; width: 85px; height: 17px; margin: 0 0 0 0; display: inline;
    background:transparent no-repeat url("pics/btn_cart_show2.gif"); } 
a.btn_cart_show:Hover { background:transparent no-repeat url("pics/btn_cart_show2_on.gif"); } 

a.btn_checkout { float: left; width: 80px; height: 17px; padding: 0 10px 0 0; display: inline;
    background:transparent no-repeat url("pics/btn_checkout2.gif"); } 
a.btn_checkout:Hover { background:transparent no-repeat url("pics/btn_checkout2_on.gif"); }