#checkout_bar{text-align:center;}#checkout_bar ol{display:inline-block;margin:0;}#checkout_bar li{list-style-type:none;font-size:10pt;width:180px;float:left;position:relative;text-align:center;}#checkout_bar li span.bullet{width:20px;line-height:20px;font-size:10px;border-radius:3px;border:0;display:block;margin:0 auto 5px auto;position:relative;z-index:2;}#checkout_bar li span.connector{width:100%;height:2px;border:0;position:absolute;left:-50%;top:9px;z-index:1;}#checkout_bar li:first-child span.connector{display:none;}#checkout_bar li.done span.text{color:#999999;}#checkout_bar li.active span.text{color:black;}#checkout_bar li.future span.text{color:#CCCCCC;}@media all and (min-width:1546px){#checkout_bar li{width:300px}}@media all and (max-width:1545px) and (min-width:1306px){#checkout_bar li{width:250px}}@media all and (max-width:1305px) and (min-width:1061px){#checkout_bar li{width:200px}}@media all and (max-width:1060px) and (min-width:941px){#checkout_bar li{width:175px}}@media all and (max-width:940px) and (min-width:821px){#checkout_bar li{width:150px}}@media all and (max-width:820px) and (min-width:646px){#checkout_bar li{width:139px}}@media all and (max-width:645px) and (min-width:591px){#checkout_bar li{width:125px}}@media all and (max-width:590px) and (min-width:491px){#checkout_bar li{width:100px;font-size:8pt;}}@media all and (max-width:490px){#checkout_bar li{width:75px}#checkout_bar li.done span.text, #checkout_bar li.future span.text{display:none}}@media all and (max-width:390px){#checkout_bar li{width:50px;}}