@charset "utf-8";
/* CSS Document */
.hide {display: none;}
.show {}
	table#priceTable { border-top: 1px solid #999; margin: 10px 0px 10px 0px; }
	table#priceTable th { border-bottom: 1px solid #333; background-color: #464646; color: white; padding:6px; text-align: left; }
	table#priceTable td { border-bottom: 1px solid #999; padding: 6px; }
p { padding-bottom: 5px; }
.inputFields, .selectFields { border: 1px solid #CCC; background-color: #F3F3F3; padding: 6px; color: #666; font-weight: bold; }
.submitFields { padding: 3px; margin-left:10px; border: 2px solid black; color: white; background-color: #00640e;}
fieldset { margin-bottom: 8px; }
legend { font-weight: bold; font-family: Georgia; font-size: 14px; }	
table#merchantTable { width: 600px; font-size:11px; }
table#merchantTable th { padding: 7px; border-bottom:1px solid #999; }
table#merchantTable td { padding: 7px; border-bottom:1px solid #999; text-align: center; }
table#merchantTable tr.color1 { background-color: #EFEFEF; }
table#merchantTable tr.color2 { background-color: #f9f9f9; }
span.greenText { font-weight: bold; color: #09600e; }
.TdFormOrange { border-bottom: 1px solid #607924;}
.TdCellOrange { background-color: #464646; padding: 8px; color: white; }
	table#stepTable td { padding: 5px; }
	table#stepTable td.highlight { background-color: #464646; border-right: 1px solid white; }
	table#stepTable td.nohighlight { background-color: #999; border-right: 1px solid white; }
span.strike { text-decoration: line-through; font-weight: bold; color: red;  }
span.red { color: red; font-weight: bold;}
span#plan_original { text-decoration: line-through; font-weight: bold; color: red;  }
span.savings { color: red; font-weight: bold; background-color: #FFFFCC; padding: 2px;}
	table#plansTable { border: 1px solid #999; border-right: none; }
	table#plansTable th, table#plansTable td { width: 33%; padding: 10px; border-right: 1px solid #999;}
	table#plansTable tr#head th { font-size: 22px; font-weight: bold; text-align: center; border-bottom: 1px solid #999;  }
	table#plansTable tr#desc td { font-size: 16px; text-align: center; line-height: 1.5em; border-bottom: 1px solid #999; }
	table#plansTable td.special, table#plansTable th.special { background-color: #FFFFCC; border-left: 3px solid #598F50; border-right: 3px solid #598F50; }
	table#plansTable tr.plantype td { padding: 5px; font-size: 12px;}
	span.yellow { background-color: #FFFFCC; }
	
table.products { width: 100%;  }
table.products th { padding: 3px; background-color: none; font-size: 12px;  }
table.products td { padding: 3px; font-size: 10px; }
table.products tr#starter1 td, table.products tr#unlimited1 td, table.products tr#business1 td { background-color: #EBEBEB; }
table.products tr#starter2 td, table.products tr#unlimited2 td, table.products tr#business2 td { background-color: white; }
table.products tr#starter0 td, table.products tr#unlimited0 td, table.products tr#business0 td { background-color: white; }

table.products tr.row1 td { background-color: white; }
table.products tr.row2 td { background-color: #EBEBEB; }
p.largerText { font-size: 14px;  }
span.emp { font-weight: bold; color: #577FAF; }
span.successful{ font-weight:bold; color:#00640e;}
table.products td.planTitle { font-size: 14px; font-weight: bold; }
table.products td.planDesc { padding-bottom: 10px;}
p.subtotal { font-weight: bold; font-size: 16px; color: black;}
span.titlejump { color: #37447F; }

/* Progress bar in builder header */
#progress { position: relative; margin: 0px 0 0px 0; list-style: none;}
#progress ul {margin: 0; padding: 0;}
#progress ul li {font-size: 17px; width: 33%; float: left; text-align: center; padding: 2px 0; margin: 6px 0 0 0; line-height: 1em; list-style: none;}
#progress ul li small {font-size: 14px; display: block; line-height: 1em;}
#step2 {border-left: 1px solid #bebebe; border-right: 1px solid #bebebe; }
/* Grays out the steps on pages not yet reached
.on_step1 #step2, .on_step1 #step2 small, .on_step1 #step3, .on_step1 #step3 small {color: #c6ccd0;}
.on_step2 #step3, .on_step2 #step3 small { color: #c6ccd0;} */

.step_done { color: #999;}
.step_selected { color: #022778;}
.step_next { color: #999; }

div#disturber { background-color: #dafcd6; padding: 0px 5px 0px 10px; border: 1px solid #999; margin-bottom: 8px; }
div#disturber p { font-size: 11px; font-weight: bold;}

div#bestvalue { background-color: #FFFFCC; padding: 14px; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; }
div#mostpopular { padding: 14px; border-bottom: 1px solid #CCC;}
div#basicoption { padding: 14px; border-bottom: 1px solid #CCC;}

div#orderform { width: 800px; margin: 30px 0px 0px 10px;}

fieldset { margin-bottom: 8px; border: 1px solid #999; padding: 10px; line-height: 1.7em;}
legend { font-weight: bold; font-family: Arial; font-size: 14px; }	

.roundbox	{ margin-bottom:1.5em; height:1%; width: 80}

.roundbox .topleft, 
.roundbox .topright,
.roundbox .bottomright,
.roundbox .bottomleft	{ background:url("../images/roundbox-bg.png") 0 0 no-repeat;}

.roundbox .topright	{ margin-left:1.5em; padding-top:1.5em; background-position:100% 0;}
.roundbox .bottomright	{ background-position:100% 100%;}
.roundbox .bottomleft	{ margin:0 1.5em 0 -1.5em; padding:0 0 1.5em 1.5em; background-position:0 100%;}

.roundbox_grey .topleft,
.roundbox_grey .topright,
.roundbox_grey .bottomright,
.roundbox_grey .bottomleft	{ background-image:url("../images/roundbox_grey-bg.png");}

.noborder { border: none;}

ul.upc { line-height: 1.7em; color: #333; margin-top: 10px;}
ul.upc li { margin-left: 30px; list-style-image: url("../images/breadcrumbs_divider.gif"); }