div.ordersteps { height:60px; float:none; }
div.ordersteps ul li { position:relative; float:left; width:305px; margin:0 15px 0 0; }
div.ordersteps ul li a { display:block; padding:8px 25px; font-size:14px; line-height:15pt; font-weight:bold; text-align:center; }
div.ordersteps ul li a:hover { text-decoration:underline; }
div.ordersteps ul li div.bullet_right { position:absolute; width:0; right:-14px; top:12px; border:solid 7px #0000FF; }
div.ordersteps ul li div.bullet_bottom { position:absolute; width:0; left:50%; bottom:-14px; border:solid 7px #0000FF; }
div.ordersteps ul li span { position:absolute; display:block; left:8px; top:4px; padding:1px 10px 1px 3px; font-size:24px; border:solid 1px #999999; border-width:0 1px 0 0; }

div.ordersteps ul li.visited a { background:#CCCCCC; color:#999999; }
div.ordersteps ul li.visited div.bullet_right { border-color:#ffffff #ffffff #ffffff #CCCCCC; }
div.ordersteps ul li.visited div.bullet_bottom { display:none; }
div.ordersteps ul li.visited span { color:#999999; border-color:#999999; }

div.ordersteps ul li.current a { background:#009900; color:#FFFFFF; }
div.ordersteps ul li.current div.bullet_right { border-color:#ffffff #ffffff #ffffff #009900; }
div.ordersteps ul li.current div.bullet_bottom { border-color:#009900 #ffffff #ffffff #ffffff; }
div.ordersteps ul li.current span { color:#FFFFFF; border-color:#FFFFFF; }

div.ordersteps ul li.next a { background:#2e3192; color:#FFFFFF; }
div.ordersteps ul li.next div.bullet_right { border-color:#ffffff #ffffff #ffffff #2e3192; }
div.ordersteps ul li.next div.bullet_bottom { display:none; }
div.ordersteps ul li.next span { color:#FFFFFF; border-color:#FFFFFF; }

div.ordersteps ul li.laststep div.bullet_bottom { display:none; }
div.ordersteps ul li.laststep { margin:0; }