body         {font-family:verdana; font-weight:normal; margin:0px; padding: 0px;}
a {text-decoration:none;}
img {border:0px}
table {border-collapse:collapse; background-position:0px 96px; background-repeat:no-repeat; background-image:url(../images/optionmodi.gif);}
#pagetable {visibility: hidden;}
#stages { line-height:240%; font-family:verdana; font-size:12px; padding-left:20px; padding-top:8px;  float:left; width:130px; height:116px;}
#topleft {position:relative; left:20px;}

#maindiv { float:left; width:600px; border:0px solid #000000; height:250px; }
#maintext {font-weight:bold; font-family:verdana; text-align:center;}



#div1, #div2, #div3, #div4, #div5 {text-align:center; float:left; font-family:verdana; font-size:12px; color:#000000; font-weight:normal;
width:130px; /* SM - to make feet, socks etc on order pages fit in place. But only works on IE8/FF etc fails on IE6 (IE7 possibly okay) */
display:inline;  /* SM - This appears to fix most of the problems with floated elements having margins that are doubled */
}

/* SM - try to get all images aligned in all browsers */
/* SM - 3 Element Sub.asp like foot size */
/* SM - These are ignored as auto generated margins are built which ironically don't fit on IE6/IE7 */
/* Comment out for now
#div1 { margin-left: 40px; margin-right: 40px;  }
#div2 { margin-left: 40px; margin-right: 40px;  }
#div3 { margin-left: 40px; margin-right: 40px;  }
 SM - 2 Element Sub.asp like sock length
#div4 { margin-left: 60px; margin-right: 60px;  }
#div5 { margin-left: 60px; margin-right: 60px;  }
*/

#div1 a {color:#000000; font-weight:normal;}
#div2 a {color:#000000; font-weight:normal;}
#div3 a {color:#000000; font-weight:normal;}
#div4 a {color:#000000; font-weight:normal;}
#div5 a {color:#000000; font-weight:normal; }


#footer {color:#808080; font-family:Verdana; font-size:12px;}
#footer a{color:#808080;}