body
{
  font-family: Verdana, sans-serif;
	font-size: 10pt;
	color: #000;
}

.hidden {
	visibility: hidden;
	display: none;
}
.shown {
	visibility: visible;
	display: block;
}

h1
{
  color: #f00;
  font-size: 180%;
}

h2
{
  font-size: 150%;
}

h3
{
  font-size: 120%;
}

h4
{
  font-size: 100%;
}

h2, h3, h4, h5, h6
{
  color: #000;
}

.weak
{
  color: #999;
}

em, strong
{
  color: #000;
}

a
{
  color: #00f;
}

table
{
  font-size: 100%;
}

iframe
{
	border: none;
	padding: 0 10px;
}

dt
{
	font-weight: bold;
	margin-top: 10px;
}

.wizardstep
{
	border: 1px solid #aab;
	background-color: #eef;
	padding: 10px;
	margin-top: 10px;
	display: none;
	overflow: hide;
}

#step1
{
	display: block;
}

.wizardstep h2
{
	font-size: 14px;
	line-height: 25px;
	height: 25px;
	margin-top: 0;
	background-color: #ccd;
	margin: -10px -10px 0;
	padding: 0 10px;
	border-bottom: 1px solid #aab;
	cursor: pointer;
}

.wizardstep h2 span
{
	color: #999;
}

form
{
  margin: 10px;
}

fieldset
{
  padding: 0;
  margin: 10px 0;
  border: none;
}

fieldset legend
{
  font-size: 120%; /* specify all fonts in relative sizes after set in BODY css */
  color: #000;
  font-weight: bold;
}

label
{
  clear: left;
  display: block;
  margin: 0;
  overflow: hidden;
  width: 100%;
  margin: 10px 0;
}

label span
{
  display: block;
  padding-right: 5px;
  width: 200px;
  float: left;
  text-align: right;
}

label input, label select, label textarea
{
  margin-left: 0;
  width: 300px;
  font: 100%/140% Verdana, Arial, sans-serif;
  border: 1px solid #999;
  float: left;
}

#tollfreeincludedplans
{
	float: left;
	margin-bottom: 5px;
}

label.option *
{
  display: inline;
  float: none;
  width: auto;
  text-align: left;
}

.systeminfo, .hardwareinfo, .tollfreeinfo, .outboundinfo
{
	overflow: hidden;
	padding: 10px;
	background-color: #dde;
	margin-bottom: 10px;
	margin-left: 205px;
}

.tollfreeinfo, .outboundinfo
{
	margin-top: 10px;
}

fieldset p.note
{
	margin-bottom: 0;
}

.tollfreeinfo label span, .outboundinfo label span
{
	text-align: left;
	width: 300px;
}

input.count
{
	width: 50px;
}

.systeminfo p, .hardwareinfo p
{
	margin: 0;
}

.systemsetupcost, .systemmonthlycost
{
	text-align: center;
	width: 50%;
	float: left;
	background-color: #dde;
}

#smallofficeextensionpricing, #advancedextensionpricing
{
	width: 300px;
	background-color: #dde;
	margin-left: 205px;
	display: none;
}	

.systemsetupcost *, .systemmonthlycost *, .tollfreeinfo *, .outboundinfo *
{
	font-weight: normal;
	margin: 0;
}

.tollfreeinfo h4, .outboundinfo h4
{
	margin: -10px -10px 10px;
	font-weight: normal;
	background-color: #ccd;
}

.hardwarecost
{
	float: right;
	font-size: 200%;
	width: 3em;
	text-align: right;
}

#completed
{
	text-align: center;
	display: none;
}

#displaymyestimate, #emailmyestimate, #startnewestimate
{
	font-size: 150%;
	display: inline;
	margin: 0;
}

.systemsetupcost p, .systemmonthlycost p
{
	font-size: 200%;
}

input, label.option
{
	margin-left: 205px;
}