body,td,th {
	font-family:sans-serif;
	color:#333;
	font-size:12px;
}


h1, h2, h3, h4, .componentheading {
    color: #333;
    font-weight: bold;
    margin: 1em 0;
}

td{
	border:0;
	vertical-align:top;
}

.tables{
	border-style:solid;
	border-width:1px;
	border-right-width:0px;
	border-bottom:0px;
	border-collapse:collapse;
}

.tables th{
 	background: none repeat scroll 0 0 #333;
    border-bottom:1px solid #000;
	border-right:1px solid #000;
    padding: 5px;
	color:#FFF;
	font-size:14px;
}
.tables td{
	padding:5px;
	vertical-align:top;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
}

.tablesinside{
	border-style:none;
	border-collapse:collapse;
}

.tablesinside th{
 	background: none repeat scroll 0 0 #333;
    border-bottom:none;
	border-right:none;
    padding: 5px;
	color:#FFF;
	font-size:14px;
}
.tablesinside td{
	padding:5px;
	vertical-align:top;
	border-bottom:none;
	border-right:none;
}




/*the form and calculator */

div.error {
	display:none;
	color:#f00;
	font-size:75%;
	font-weight:bold;
}

#total {
	font-size:200%;
	font-weight:bold;
}

.markrequired {
	display:inline;
	color:#f00;
	font-weight:bold;
	padding-right:5px;
}

div.costFloater {
	padding:20px;
	border:1px solid;
	box-shadow:6px 6px 10px #000;
	background-color:#AD0049;
	color:#fff;
}


div#costFloater {
	width:200px;
	padding:20px;
	border:1px solid;
	box-shadow:6px 6px 10px #000;
	background-color:#AD0049;
	color:#fff;
}