/* CSS Document for Caculator */
#calculator h1 {
	color: #9D2C1A;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: -5px 0px 0px 0px;
	margin: -10px 0px 0px 0px;
	}
	#calculator h2{
		font-size:16px;
		font-family:helvetica,arial,sans-serif;
		margin: 0px;
	}
	#calculator h3{
		font-size:14px;
		color:#900;
		font-family:helvetica,arial,sans-serif;
		margin: 5px 0px 10px 0px;
		font-style: italic;	}

	#calculator p {
		margin:5px;
		font-family:helvetica,arial,sans-serif;
		font-size:12px;

	}
	#calculator div {
		margin:0px;
		font-family:helvetica,arial,sans-serif;
		font-size:12px;
	}

	input.calc {
		display:inline;
		margin:0px 5px 5px 35px;
		vertical-align: middle;
		background-color: #fffff7;
		}
	#calculator .readonly {
	border: 0px;
	text-align: left;
	background-color: #ffffff;
	}
	#calculator label {
		display:block;
		margin:0 5px 5px 5px;
		font-size:13px;
	}
	#partOne {
		width:555px;
		background:#fff;
		padding: 5px;
		margin: 5px 0px 5px 0px;
	}
	#partTwo, #partThree, #partFour {
		width:555px;
		background:#fff;
		padding: 2px;
		margin: 5px 0px 5px 0px;
	}
	#partFour {
		z-index:2;
	}
	
#calculator .instructions {
background-color: #f7f7f7;
padding: 2px;
margin-top: 5px;
margin-bottom: 15px;
}
#calculator .small {
font-size: 11px;
font-style: italic;
}

#calculator a.button {
    background: transparent url('bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

#calculator a.button span {
    background: transparent url('bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
			color:#900;
}
#calculator a.button:hover {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

#calculator a.button:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

/* css for the offer boxes */
#offers {
padding-top: 20px;
}
#offers ul {
	display: block;
	overflow: hidden;
	margin: 7px auto;
	padding: 7px 0px 7px 3px;
	width: 555px;
	border: 1px solid #eee;
	list-style-type: none;
	background-image: none;
}
#offers ul li {
	display: block;
	width: 175px;
	float: left;
	list-style-type: none;
	background-image: none;
	padding: 0px 5px 0px 5px;
	margin: 0px;
}
#offers ul li a.offer1calc { display: block; border: 1px solid #ddd; background-color: #e1e2e4; text-decoration: none; padding: 5px 5px 20px 5px; color: #444; line-height: 16px;}
#offers ul li a.offer1calc:hover { border-color: #e1e2e4; background-color: #fffff7; }
#offers ul li a.offer2calc { display: block; border: 1px solid #ddd; background-color: #faf6b7; text-decoration: none; padding: 5px; color: #444; line-height: 16px;}
#offers ul li a.offer2calc:hover { border-color: #e1e2e4; background-color: #fffff7; }
#offers ul li a.offer3calc { display: block; border: 1px solid #ddd; background-color: #d1dae1; text-decoration: none; padding: 5px 5px 20px 5px; color: #444; line-height: 16px;}
#offers ul li a.offer3calc:hover { border-color: #e1e2e4; background-color: #fffff7; }
#offers ul li a strong { display: block; font-size: 1.2em; line-height: 1em; margin-bottom: 5px; color: #222; }
#offers ul li a:hover strong { color: #900; }
#offers ul span { display: none; }