﻿div.progressWrap {clear:both;float:right;margin:0 0 10px 0;}
div.progressStep {width:120px;float:left;margin:0 5px;text-align:center;border-top:2px solid #999;color:#999;font-size:0.9em;padding:0;}
div.progressStepCurrent {border-top:2px solid #990066;color:#990066;font-weight:bold;}

div#planWrap {margin:20px auto 10px auto;width:740px;}
div.planOut {width:220px;float:left;margin:0 10px;overflow:hidden;cursor:pointer;}
div.planOutA {border:2px solid #5e8d1f;}
div.planOutB {border:2px solid #a80e63;}
div.planOutC {border:2px solid #2a5f90;}
div.planIn {padding:5px;}
div.planInA {border:5px solid #eee;}
div.planInB {border:5px solid #eee;}
div.planInC {border:5px solid #eee;}
p.planHead {margin:0;padding:5px 0 10px 0;text-align:center;font-size:1.8em;font-weight:bold;}
p.planSubtitle {margin:0;padding:0 0 10px 0;text-align:center;font-size:1.3em;font-weight:bold;}
div.planInA p.planHead, div.planInA p.planSubtitle {color:#5e8d1f;}
div.planInB p.planHead, div.planInB p.planSubtitle {color:#a80e63;}
div.planInC p.planHead, div.planInC p.planSubtitle {color:#2a5f90;}

div.planInA span.price {color:#5e8d1f;}
div.planInB span.price {color:#a80e63;}
div.planInC span.price {color:#2a5f90;}

ul.planSpec {margin:0;padding:0;list-style:none;}
ul.planSpec li {margin:0;padding:5px 0;border-top:1px solid #ccc;text-align:center;font-weight:bold;}
ul.planSpec li span.note{font-weight:normal;font-size:0.9em;}
a.planSignup {display:block;text-align:center;padding:10px 0 0 0;}
p.planNote {margin:0;padding:0;text-align:center;font-size:0.8em;color:#333;font-weight:bold;}
div.uExplain {border:1px solid #ccc;background-color:#dbe0e3;width:800px;margin:10px auto;padding:0;}
div.uExplainCol {float:left;width:360px;padding:10px 20px 0 20px;}
div.uExplain h3 {margin:0;padding:0;}
div.uExplain p {margin:0 0 10px 0;padding:0;}